*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}:root{--sidebar-width: 240px;--sidebar-collapsed-width: 60px;--primary-color: #6366f1;--primary-hover: #4f46e5;--bg-color: #f8fafc;--sidebar-bg: #1e293b;--card-bg: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--border-color: #e2e8f0;--success-color: #22c55e;--danger-color: #ef4444;--warning-color: #f59e0b;--table-header-bg: #f8fafc;--table-hover-bg: #f8fafc;--table-deleted-bg: #fef2f2;--input-bg: #ffffff;--error-bg: #fef2f2;--error-text: #991b1b;--cost-bar-bg: #f1f5f9;--image-preview-bg: #f1f5f9;--image-placeholder-start: #e0e7ff;--image-placeholder-end: #c7d2fe;--tag-bg: #f1f5f9;--list-hover-bg: #f1f5f9}[data-theme=dark]{--primary-color: #818cf8;--primary-hover: #6366f1;--bg-color: #0f172a;--sidebar-bg: #020617;--card-bg: #1e293b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border-color: #334155;--success-color: #4ade80;--danger-color: #f87171;--warning-color: #fbbf24;--table-header-bg: #1e293b;--table-hover-bg: #334155;--table-deleted-bg: #450a0a;--input-bg: #1e293b;--error-bg: #450a0a;--error-text: #fca5a5;--cost-bar-bg: #334155;--image-preview-bg: #334155;--image-placeholder-start: #312e81;--image-placeholder-end: #3730a3;--tag-bg: #334155;--list-hover-bg: #334155}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--bg-color);color:var(--text-primary);line-height:1.5}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);color:#fff;position:fixed;height:100vh;overflow-y:auto;transition:width .2s ease;z-index:100}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;gap:.5rem}.sidebar.collapsed .sidebar-header{padding:1.5rem .5rem;justify-content:center}.sidebar-header h1{font-size:1.25rem;font-weight:600;white-space:nowrap;overflow:hidden}.sidebar-toggle{background:none;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;cursor:pointer;font-size:1rem;padding:.25rem .5rem;border-radius:.25rem;flex-shrink:0;transition:all .2s}.sidebar-toggle:hover{background:#ffffff1a;color:#fff}.sidebar-nav{padding:1rem 0}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;color:#ffffffb3;text-decoration:none;transition:all .2s;white-space:nowrap;overflow:hidden}.sidebar.collapsed .nav-link{padding:.75rem 0;justify-content:center}.nav-link:hover{background:#ffffff1a;color:#fff}.nav-link.active{background:var(--primary-color);color:#fff}.nav-icon{font-size:1.25rem;flex-shrink:0}.main-content{margin-left:var(--sidebar-width);flex:1;padding:2rem;min-height:100vh;transition:margin-left .2s ease}.sidebar-collapsed .main-content{margin-left:var(--sidebar-collapsed-width)}.page{max-width:100%}.page h2{font-size:1.75rem;margin-bottom:1.5rem;color:var(--text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--card-bg);border-radius:.75rem;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 1px 3px #0000001a;transition:transform .15s,box-shadow .15s}.stat-card-link{cursor:pointer}.stat-card-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stat-icon{font-size:2rem}.stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary)}.stat-label{font-size:.875rem;color:var(--text-secondary)}.section{background:var(--card-bg);border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a}.section h3{font-size:1.125rem;margin-bottom:1rem}.toolbar{display:flex;gap:1rem;margin-bottom:1rem;align-items:center;flex-wrap:wrap}.search-input{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;min-width:250px;font-size:.875rem;background:var(--input-bg);color:var(--text-primary)}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.toolbar select{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;font-size:.875rem;background:var(--input-bg);color:var(--text-primary)}.total-count{margin-left:auto;color:var(--text-secondary);font-size:.875rem}.data-table{width:100%;border-collapse:collapse;background:var(--card-bg);border-radius:.75rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.data-table th,.data-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-color)}.data-table th{background:var(--table-header-bg);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.data-table td{font-size:.875rem}.data-table tr:hover{background:var(--table-hover-bg)}.data-table tr.deleted{opacity:.5;background:var(--table-deleted-bg)}.data-table.compact td{padding:.5rem .75rem;font-size:.8rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.inactive{background:#fee2e2;color:#991b1b}.status-badge.status-0{background:#fef3c7;color:#92400e}.status-badge.status-1{background:#dcfce7;color:#166534}.status-badge.status-2{background:#e0e7ff;color:#3730a3}.status-badge.status-3{background:#dbeafe;color:#1e40af}.status-badge.status-4{background:#fce7f3;color:#9d174d}.btn{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--card-bg);color:var(--text-primary);cursor:pointer;font-size:.875rem;transition:all .2s}.btn:hover{background:var(--table-hover-bg)}.btn-sm{padding:.25rem .5rem;font-size:.75rem;margin-right:.25rem}.btn-primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn-primary:hover{background:var(--primary-hover)}.btn-danger{color:var(--danger-color);border-color:var(--danger-color)}.btn-danger:hover{background:var(--error-bg)}.pagination{display:flex;gap:1rem;align-items:center;justify-content:center;margin-top:1.5rem}.pagination button{padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--card-bg);color:var(--text-primary);cursor:pointer}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{color:var(--text-secondary);font-size:.875rem}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--card-bg);color:var(--text-primary);border-radius:.75rem;padding:1.5rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.modal-lg{max-width:800px}.modal h3{margin-bottom:1rem}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.875rem}.form-group input[type=text],.form-group input[type=email],.form-group select{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--input-bg);color:var(--text-primary)}.form-group input[type=checkbox]{margin-right:.5rem}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.image-card{background:var(--card-bg);border-radius:.75rem;overflow:hidden;box-shadow:0 1px 3px #0000001a;cursor:pointer;transition:transform .2s,box-shadow .2s}.image-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.image-card-deleted{opacity:.55;outline:2px dashed var(--danger-color)}.image-card-deleted .image-thumbnail img{filter:grayscale(.7)}.image-thumbnail{aspect-ratio:1;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--image-preview-bg)}.image-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.image-thumbnail.no-thumb{background:linear-gradient(135deg,var(--image-placeholder-start) 0%,var(--image-placeholder-end) 100%)}.image-placeholder{height:150px;background:linear-gradient(135deg,var(--image-placeholder-start) 0%,var(--image-placeholder-end) 100%);display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-weight:500}.image-info{padding:.75rem}.image-filename{font-weight:500;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-meta{font-size:.75rem;color:var(--text-secondary)}.image-details{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.image-preview{background:var(--image-preview-bg);border-radius:.5rem;display:flex;align-items:center;justify-content:center;min-height:300px;overflow:hidden;padding:.5rem}.image-preview img{max-width:100%;max-height:60vh;object-fit:contain;border-radius:.375rem}.no-preview{padding:2rem;text-align:center;color:var(--text-secondary)}.no-preview .small{font-size:.75rem;margin-top:.5rem;word-break:break-all}.image-metadata table{width:100%}.image-metadata th,.image-metadata td{padding:.5rem;font-size:.875rem;border-bottom:1px solid var(--border-color)}.image-metadata th{text-align:left;font-weight:500;width:120px;color:var(--text-secondary)}.uuid,.path{font-family:monospace;font-size:.75rem;word-break:break-all}.color-swatch{display:inline-block;width:16px;height:16px;border-radius:4px;margin-right:.5rem;vertical-align:middle;border:1px solid var(--border-color)}.color-indicator{display:flex;align-items:center;gap:.5rem}.color-dot{width:12px;height:12px;border-radius:50%;border:1px solid var(--border-color)}.details-table{width:100%}.details-table th,.details-table td{padding:.5rem;border-bottom:1px solid var(--border-color);font-size:.875rem}.details-table th{text-align:left;font-weight:500;width:120px;color:var(--text-secondary)}.tables-layout{display:grid;grid-template-columns:200px 1fr;gap:1.5rem;min-height:600px}.tables-sidebar{background:var(--card-bg);border-radius:.75rem;padding:1rem;box-shadow:0 1px 3px #0000001a}.tables-sidebar h3{font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.75rem}.table-list{list-style:none}.table-list li{padding:.5rem .75rem;border-radius:.375rem;cursor:pointer;font-size:.875rem;transition:background .2s}.table-list li:hover{background:var(--list-hover-bg)}.table-list li.active{background:var(--primary-color);color:#fff}.tables-content{background:var(--card-bg);border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.table-scroll{overflow-x:auto;margin-bottom:1rem}.empty-state{display:flex;align-items:center;justify-content:center;height:300px;color:var(--text-secondary)}.loading{display:flex;align-items:center;justify-content:center;padding:3rem;color:var(--text-secondary)}.error{padding:1rem;background:var(--error-bg);color:var(--error-text);border-radius:.5rem}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:1.5rem;margin-bottom:2rem}.chart-card{background:var(--card-bg);border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.chart-card h3{font-size:1rem;margin-bottom:1rem;color:var(--text-primary)}.cost-breakdown{display:flex;flex-direction:column;gap:.75rem}.cost-total-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:2px solid var(--border-color);margin-bottom:.25rem}.cost-total-amount{font-size:1.5rem;font-weight:700;color:var(--primary-color)}.cost-row{display:flex;flex-direction:column;gap:.25rem}.cost-row-header{display:flex;justify-content:space-between;align-items:center}.cost-service{font-size:.875rem;color:var(--text-primary)}.cost-amount{font-size:.875rem;font-weight:600;color:var(--text-primary)}.cost-bar-track{height:6px;background:var(--cost-bar-bg);border-radius:3px;overflow:hidden}.cost-bar-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px;min-width:2px;transition:width .3s ease}.error-type-badge{display:inline-block;padding:.15rem .5rem;border-radius:.25rem;font-size:.7rem;font-weight:600;font-family:monospace;background:var(--error-bg);color:var(--error-text);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.error-message-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.error-count-badge{display:inline-block;padding:.2rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600;background:var(--error-bg);color:var(--error-text);min-width:28px;text-align:center}.service-cost-total-row{background:var(--table-header-bg)!important;border-top:2px solid var(--border-color)}.service-cost-total-row .cost-total-amount{font-size:1rem}.grand-total-row{border-top:2px solid var(--text-primary)}.grand-total-row td{padding-top:.75rem!important;padding-bottom:.75rem!important}.service-link{color:var(--primary-color);text-decoration:none;font-weight:500}.service-link:hover{text-decoration:underline}.external-icon{font-size:.7rem;opacity:.6}.service-cost-row-expandable{cursor:pointer}.service-cost-row-expandable:hover{background:var(--table-row-hover, var(--table-header-bg))}.service-cost-chevron{width:1.5rem;color:var(--text-secondary);-webkit-user-select:none;user-select:none;font-size:.75rem}.badge-actual{display:inline-block;margin-left:.5rem;padding:.05rem .4rem;font-size:.7rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;border-radius:4px;background:var(--success-bg, rgba(16, 185, 129, .15));color:var(--success-text, #10b981);vertical-align:middle}.service-cost-breakdown-row>td{padding:0!important;background:var(--bg-secondary, var(--card-bg))}.breakdown-table{margin:.5rem .5rem .75rem;width:calc(100% - 1rem);box-shadow:inset 0 0 0 1px var(--border-color);border-radius:6px;overflow:hidden}.breakdown-table th{background:var(--table-header-bg);font-size:.8rem}.breakdown-table td{font-size:.85rem}.breakdown-total-row{background:var(--table-header-bg);border-top:1px solid var(--border-color)}.copyable{cursor:pointer;position:relative}.copyable:hover{opacity:.7}.copied-badge{color:var(--success-color);font-size:.75rem;font-weight:600}.errors-section .table-scroll{overflow-x:auto}.errors-section .data-table td{font-size:.8rem}.errors-section .error-message-cell{max-width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-muted{color:var(--text-secondary);font-size:.875rem;padding:1rem 0}.activity-table{margin-top:0}.source-badge{display:inline-block;padding:.2rem .5rem;border-radius:9999px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.source-badge.source-0{background:#ede9fe;color:#5b21b6}.source-badge.source-1{background:#dbeafe;color:#1e40af}.source-badge.source-2{background:#fef3c7;color:#92400e}.tags-list{display:flex;flex-wrap:wrap;gap:.25rem}.tag-badge{display:inline-block;padding:.15rem .5rem;border-radius:9999px;font-size:.7rem;font-weight:500;background:var(--tag-bg);color:var(--text-secondary);border:1px solid var(--border-color)}.tag-badge.tag-more{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.theme-toggle{background:none;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;cursor:pointer;font-size:1.125rem;padding:.5rem;border-radius:.5rem;transition:all .2s;display:flex;align-items:center;justify-content:center;margin:0 1rem 1rem;width:calc(100% - 2rem)}.sidebar.collapsed .theme-toggle{margin:0 .5rem 1rem;width:calc(100% - 1rem)}.theme-toggle:hover{background:#ffffff1a;color:#fff}[data-theme=dark] .status-badge.active{background:#166534;color:#dcfce7}[data-theme=dark] .status-badge.inactive{background:#991b1b;color:#fee2e2}[data-theme=dark] .status-badge.status-0{background:#92400e;color:#fef3c7}[data-theme=dark] .status-badge.status-1{background:#166534;color:#dcfce7}[data-theme=dark] .status-badge.status-2{background:#3730a3;color:#e0e7ff}[data-theme=dark] .status-badge.status-3{background:#1e40af;color:#dbeafe}[data-theme=dark] .status-badge.status-4{background:#9d174d;color:#fce7f3}[data-theme=dark] .source-badge.source-0{background:#5b21b6;color:#ede9fe}[data-theme=dark] .source-badge.source-1{background:#1e40af;color:#dbeafe}[data-theme=dark] .source-badge.source-2{background:#92400e;color:#fef3c7}[data-theme=dark]{color-scheme:dark}.mobile-header,.mobile-close-btn,.sidebar-overlay{display:none}@media(max-width:768px){.mobile-header{display:flex;align-items:center;gap:.75rem;position:fixed;top:0;left:0;right:0;height:56px;background:var(--sidebar-bg);color:#fff;padding:0 1rem;z-index:90}.mobile-menu-btn{background:none;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1.25rem;padding:.35rem .6rem;border-radius:.375rem;cursor:pointer;line-height:1}.mobile-header-title{font-weight:600;font-size:1.1rem}.sidebar{transform:translate(-100%);transition:transform .25s ease;width:var(--sidebar-width)!important;z-index:200}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed{width:var(--sidebar-width)!important}.sidebar.collapsed .sidebar-header{padding:1.5rem;justify-content:space-between}.sidebar.collapsed .nav-link{padding:.75rem 1.5rem;justify-content:flex-start}.sidebar.collapsed .theme-toggle{margin:0 1rem 1rem;width:calc(100% - 2rem)}.mobile-close-btn{display:inline-flex}.desktop-only{display:none}.sidebar.collapsed .nav-label,.sidebar.collapsed .sidebar-header h1{display:inline}.sidebar-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:150}.main-content,.sidebar-collapsed .main-content{margin-left:0;padding:1rem;padding-top:calc(56px + 1rem)}.page h2{font-size:1.35rem;margin-bottom:1rem}.tables-layout,.image-details,.charts-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.stat-card{padding:1rem}.stat-value{font-size:1.35rem}.search-input{min-width:0;width:100%}.toolbar{gap:.5rem}.toolbar select{width:100%}.section{padding:1rem;margin-bottom:1rem}.chart-card{padding:1rem}.btn{padding:.5rem .75rem}.modal{width:95%;padding:1rem}.images-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.image-preview{min-height:200px}.image-preview img{max-height:50vh}.modal-lg .image-details{gap:1rem}.modal .modal-actions{flex-wrap:wrap;gap:.5rem}.modal .modal-actions .btn{font-size:.8rem;padding:.4rem .6rem}.data-table th,.data-table td{padding:.5rem;font-size:.8rem}.pagination{gap:.5rem;flex-wrap:wrap}}.sort-toggle{display:inline-flex;border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.sort-btn{padding:.3rem .75rem;border:none;background:transparent;font-size:.8rem;cursor:pointer;color:var(--text-secondary);transition:background .15s,color .15s}.sort-btn:not(:last-child){border-right:1px solid var(--border-color)}.sort-btn.active{background:var(--primary-color);color:#fff}.sort-btn:hover:not(.active){background:var(--hover-bg, #f1f5f9)}.health-overview{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:1rem}.health-overall-status{display:flex;align-items:center;gap:1rem}.health-summary-row{display:flex;gap:2rem}.health-summary-item{display:flex;align-items:center;gap:.5rem}.health-summary-count{font-size:1.5rem;font-weight:700;line-height:1}.health-summary-count.healthy{color:var(--success-color)}.health-summary-count.degraded{color:var(--warning-color)}.health-summary-count.unhealthy{color:var(--danger-color)}.health-summary-label{font-size:.85rem;color:var(--text-secondary)}.health-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.8rem;font-weight:600;text-transform:capitalize}.health-badge.healthy{background:color-mix(in srgb,var(--success-color) 15%,transparent);color:var(--success-color)}.health-badge.degraded{background:color-mix(in srgb,var(--warning-color) 15%,transparent);color:var(--warning-color)}.health-badge.unhealthy{background:color-mix(in srgb,var(--danger-color) 15%,transparent);color:var(--danger-color)}.health-tag{display:inline-block;padding:.15rem .5rem;border-radius:4px;font-size:.75rem;background:var(--tag-bg);color:var(--text-secondary)}