:root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--bg:#f7f8fa;--surface:#fff;--surface-2:#fafbfc;--surface-sunken:#f1f3f6;--border:#e5e8ee;--border-strong:#d5dae2;--divider:#eef1f5;--text:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--text-muted:#94a3b8;--text-inverse:#fff;--accent:#008098;--accent-hover:#007083;--accent-soft:#e0f7fc;--accent-border:#b3e1ec;--accent-text:#005366;--ok:#0fa05c;--ok-soft:#defae6;--ok-border:#a4deb7;--ok-text:#00572d;--warn:#e1a035;--warn-soft:#fff3df;--warn-border:#f0ca96;--warn-text:#7a4702;--error:#d73337;--error-soft:#ffecea;--error-border:#febab4;--error-text:#a20519;--info:#008098;--info-soft:#e0f7fc;--info-border:#a9d7e2;--info-text:#005366;--neutral-soft:#f1f3f6;--neutral-border:#d5dae2;--neutral-text:#475569;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--radius-sm:4px;--radius:6px;--radius-md:8px;--radius-lg:12px;--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 1px 2px #0f172a0d, 0 1px 3px #0f172a0a;--shadow-md:0 4px 12px #0f172a0f, 0 1px 3px #0f172a0a;--shadow-lg:0 10px 30px #0f172a1a, 0 2px 6px #0f172a0a;--sidebar-w:232px;--topbar-h:52px}@supports (color:lab(0% 0 0)){:root{--accent:lab(48.5198% -29.4813 -25.1305);--accent-hover:lab(42.704% -29.0435 -25.0405);--accent-soft:lab(95.5377% -6.80405 -5.47647);--accent-border:lab(86.4268% -13.4273 -10.8523);--accent-text:lab(31.0599% -27.7501 -24.8234);--ok:lab(57.8533% -48.2023 24.9084);--ok-soft:lab(95.8995% -12.4059 6.35721);--ok-border:lab(83.6658% -25.0078 12.8345);--ok-text:lab(31.9275% -39.0879 20.2864);--warn:lab(70.8816% 18.4726 62.0335);--warn-soft:lab(96.6147% 2.67658 15.355);--warn-border:lab(83.7962% 8.75869 31.2979);--warn-text:lab(35.8679% 18.9804 44.491);--error:lab(49.2539% 63.2983 39.3808);--error-soft:lab(95.0829% 9.19622 4.96011);--error-border:lab(81.8463% 24.7274 13.5163);--error-text:lab(34.3495% 57.1812 37.8813);--info:lab(48.5198% -29.4813 -25.1305);--info-soft:lab(95.5377% -6.80405 -5.47647);--info-border:lab(82.9462% -13.4151 -10.8462);--info-text:lab(31.0599% -27.7501 -24.8234)}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;padding:0;font-size:13px;line-height:1.5}#root{min-height:100vh}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border:2px solid var(--bg);background:#d5dae2;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#b8bfcc}.app-shell{grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;display:grid}.sidebar{color:#cbd5e1;background:#0f172a;border-right:1px solid #1e293b;flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{border-bottom:1px solid #1e293b;align-items:center;gap:10px;padding:16px 16px 14px;display:flex}.sidebar-brand-mark{color:#fff;letter-spacing:-.02em;background:linear-gradient(135deg,#00a4a5,#008098);background:linear-gradient(135deg,lab(60.7698% -42.5601 -12.7063),lab(48.609% -33.5324 -29.1479));border-radius:6px;place-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:grid}.sidebar-brand-text{color:#fff;letter-spacing:-.01em;font-size:13px;font-weight:600}.sidebar-brand-sub{color:#64748b;margin-top:1px;font-size:11px}.sidebar-section{text-transform:uppercase;letter-spacing:.08em;color:#64748b;padding:14px 12px 4px;font-size:10px;font-weight:600}.sidebar nav{flex-direction:column;gap:1px;padding:4px 8px;display:flex}.nav-item{color:#cbd5e1;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;gap:10px;width:100%;padding:7px 10px;font-size:13px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.nav-item:hover{color:#f1f5f9;background:#1e293b}.nav-item.active{color:#fff;background:#003541;background:lab(19.3291% -22.4779 -20.5999)}.nav-item-icon{opacity:.85;flex-shrink:0;width:16px;height:16px}.nav-item.active .nav-item-icon{opacity:1}.nav-item-badge{background:var(--warn);color:#422006;font-size:10px;font-weight:600;font-family:var(--font-mono);border-radius:10px;margin-left:auto;padding:1px 6px}.nav-item-external{opacity:.5;margin-left:auto;font-size:11px}.sidebar-footer{color:#94a3b8;border-top:1px solid #1e293b;margin-top:auto;padding:12px;font-size:12px}.sidebar-user{align-items:center;gap:10px;display:flex}.sidebar-user-avatar{color:#fff;background:#008098;background:lab(48.5198% -29.4813 -25.1305);border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:11px;font-weight:600;display:grid}.sidebar-user-name{color:#f1f5f9;font-size:12px;font-weight:500}.sidebar-user-role{color:#64748b;font-size:11px}.sidebar-logout{color:#94a3b8;text-align:center;background:0 0;border:1px solid #1e293b;border-radius:6px;width:100%;margin-top:10px;padding:7px 0;font-size:12px}.sidebar-logout:hover{color:#f1f5f9;background:#1e293b}.main{background:var(--bg);flex-direction:column;min-width:0;display:flex}.topbar{height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);z-index:20;align-items:center;gap:16px;padding:0 24px;display:flex;position:sticky;top:0}.topbar-breadcrumbs{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;display:flex}.topbar-breadcrumbs .crumb-current{color:var(--text);font-weight:600}.topbar-breadcrumbs .sep{color:var(--text-muted)}.topbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.page{width:100%;max-width:1440px;margin:0 auto;padding:20px 24px 60px}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:16px;display:flex}.page-title{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:600}.page-subtitle{color:var(--text-secondary);margin:2px 0 0;font-size:13px}.page-header-actions{align-items:center;gap:8px;display:flex}.btn{height:30px;color:var(--text);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:500;transition:background .12s,border-color .12s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:hover:not(:disabled){background:var(--surface-sunken)}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn.secondary{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.btn.secondary:hover:not(:disabled){background:var(--surface-sunken)}.btn.ghost{color:var(--text-secondary);background:0 0}.btn.ghost:hover:not(:disabled){background:var(--surface-sunken);color:var(--text)}.btn.sm{height:26px;padding:4px 10px;font-size:12px}.btn.lg{height:36px;padding:8px 16px;font-size:13px}.btn .icon{width:14px;height:14px}.filter-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding:10px 12px;display:flex}.filter-group{align-items:center;gap:6px;display:inline-flex}.filter-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);font-size:11.5px;font-weight:600}.filter-spacer{flex:1}.divider-v{background:var(--border);align-self:stretch;width:1px;margin:0 4px}.input,.select{border:1px solid var(--border-strong);background:var(--surface);height:28px;color:var(--text);border-radius:5px;outline:none;padding:0 10px;font-size:12.5px}.input:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'><path d='M2 4l3 3 3-3' stroke='%2364748B' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-position:right 8px center;background-repeat:no-repeat;padding-right:24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs)}.card-header{border-bottom:1px solid var(--divider);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.card-title{letter-spacing:-.005em;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:600;display:flex}.card-subtitle{color:var(--text-tertiary);margin:1px 0 0;font-size:12px}.card-body{padding:16px}.card-body.flush{padding:0}.section-header{justify-content:space-between;align-items:flex-end;gap:16px;margin:24px 0 12px;display:flex}.section-header:first-child{margin-top:0}.section-title{letter-spacing:-.005em;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:flex}.section-desc{color:var(--text-tertiary);margin:2px 0 0;font-size:12.5px}.kpi-grid{gap:12px;display:grid}.kpi-grid.cols-4{grid-template-columns:repeat(4,1fr)}.kpi-grid.cols-3{grid-template-columns:repeat(3,1fr)}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:6px;padding:14px 16px;display:flex;position:relative}.kpi-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);font-size:11.5px;font-weight:600}.kpi-value{font-family:var(--font-mono);color:var(--text);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:600;line-height:1.1}.kpi-unit{font-family:var(--font-sans);color:var(--text-tertiary);margin-left:4px;font-size:12px;font-weight:500}.kpi-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.kpi-delta{font-size:11.5px;font-weight:500;font-family:var(--font-mono);font-variant-numeric:tabular-nums;align-items:center;gap:3px;display:inline-flex}.kpi-delta.up{color:var(--ok-text)}.kpi-delta.down{color:var(--error-text)}.kpi-delta.neutral{color:var(--text-tertiary)}.kpi-bar{background:var(--surface-sunken);border-radius:2px;height:4px;margin-top:4px;overflow:hidden}.kpi-bar-fill{background:var(--accent);border-radius:2px;height:100%}.kpi-bar-fill.warn{background:var(--warn)}.kpi-bar-fill.error{background:var(--error)}.kpi-bar-fill.ok{background:var(--ok)}.kpi-foot{color:var(--text-tertiary);font-size:11.5px;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.badge{white-space:nowrap;letter-spacing:.01em;border:1px solid #0000;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge.ok{background:var(--ok-soft);border-color:var(--ok-border);color:var(--ok-text)}.badge.warn{background:var(--warn-soft);border-color:var(--warn-border);color:var(--warn-text)}.badge.error{background:var(--error-soft);border-color:var(--error-border);color:var(--error-text)}.badge.info{background:var(--info-soft);border-color:var(--info-border);color:var(--info-text)}.badge.neutral{background:var(--neutral-soft);border-color:var(--neutral-border);color:var(--neutral-text)}.badge .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.alert{border-radius:var(--radius);border:1px solid;align-items:flex-start;gap:10px;margin-bottom:6px;padding:10px 12px;font-size:12.5px;line-height:1.45;display:flex}.alert.warn{background:var(--warn-soft);border-color:var(--warn-border);color:var(--warn-text)}.alert.error{background:var(--error-soft);border-color:var(--error-border);color:var(--error-text)}.alert.info{background:var(--info-soft);border-color:var(--info-border);color:var(--info-text)}.alert.ok{background:var(--ok-soft);border-color:var(--ok-border);color:var(--ok-text)}.alert-icon{flex-shrink:0;margin-top:1px}.alert-body{flex:1;min-width:0}.alert-title{color:var(--text);margin-bottom:1px;font-weight:600}.alert-desc{color:var(--text-secondary)}.status-row{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.status-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:12px;padding:14px 16px;display:flex}.status-card-icon{border-radius:8px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.status-card-icon.ok{background:var(--ok-soft);color:var(--ok-text)}.status-card-icon.warn{background:var(--warn-soft);color:var(--warn-text)}.status-card-icon.error{background:var(--error-soft);color:var(--error-text)}.status-card-icon.info{background:var(--info-soft);color:var(--info-text)}.status-card-body{flex:1;min-width:0}.status-card-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);font-size:11.5px;font-weight:600}.status-card-value{color:var(--text);margin-top:1px;font-size:13.5px;font-weight:600}.status-card-meta{color:var(--text-tertiary);font-size:11.5px;font-family:var(--font-mono);margin-top:1px}.status-card-action{flex-shrink:0}.table-wrapper{overflow-x:auto}table.tbl{border-collapse:separate;border-spacing:0;width:100%;font-size:12px}.tbl thead th{background:var(--surface-2);text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 12px;font-size:11px;font-weight:600;position:sticky;top:0}.tbl thead th.num{text-align:right}.tbl tbody td{border-bottom:1px solid var(--divider);color:var(--text);vertical-align:middle;padding:7px 12px}.tbl tbody tr:hover td{background:var(--surface-sunken)}.tbl tbody td.num{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.tbl tbody td.muted{color:var(--text-tertiary)}.cell-progress{align-items:center;gap:8px;display:flex}.cell-progress-bar{background:var(--surface-sunken);border-radius:2px;flex:1;min-width:60px;height:4px;overflow:hidden}.cell-progress-fill{background:var(--accent);border-radius:2px;height:100%}.cell-progress-fill.ok{background:var(--ok)}.cell-progress-fill.warn{background:var(--warn)}.cell-progress-fill.error{background:var(--error)}.cell-progress-text{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-secondary);text-align:right;min-width:38px;font-size:11.5px}.quicklinks{flex-direction:column;gap:6px;display:flex}.quicklink{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;text-align:left;align-items:center;gap:10px;width:100%;padding:10px 12px;text-decoration:none;transition:border-color .12s,background .12s;display:flex}.quicklink:hover{border-color:var(--accent);background:var(--accent-soft)}.quicklink-icon{background:var(--accent-soft);width:28px;height:28px;color:var(--accent-text);border-radius:6px;flex-shrink:0;place-items:center;display:grid}.quicklink-label{font-size:12.5px;font-weight:500}.quicklink-arrow{color:var(--text-muted);margin-left:auto}.col{flex-direction:column;gap:12px;display:flex}.row{align-items:center;gap:12px;display:flex}.gap-sm{gap:6px}.grid-2-1{grid-template-columns:2fr 1fr;gap:12px;display:grid}.muted{color:var(--text-tertiary)}.t-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.login-shell{background:var(--bg);place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-sm);padding:32px}.login-brand{align-items:center;gap:10px;margin-bottom:24px;display:flex}.login-mark{color:#fff;background:linear-gradient(135deg,#00a4a5,#008098);background:linear-gradient(135deg,lab(60.7698% -42.5601 -12.7063),lab(48.609% -33.5324 -29.1479));border-radius:8px;place-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:grid}.login-title{margin:0;font-size:18px;font-weight:600}.login-sub{color:var(--text-tertiary);font-size:12px}.login-row{margin-bottom:12px}.login-row label{color:var(--text-secondary);margin-bottom:4px;font-size:12px;font-weight:500;display:block}.login-row .input{width:100%;height:36px}.login-error{color:var(--error-text);background:var(--error-soft);border:1px solid var(--error-border);border-radius:var(--radius);margin-bottom:12px;padding:8px 12px;font-size:12.5px}.tabs{border-bottom:1px solid var(--border);gap:2px;margin-bottom:16px;display:flex;overflow-x:auto}.tab{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex}.tab:hover{color:var(--text)}.tab.active{color:var(--accent-text);border-bottom-color:var(--accent);font-weight:600}.tab-count{background:var(--surface-sunken);color:var(--text-tertiary);font-size:11px;font-family:var(--font-mono);border-radius:8px;padding:1px 6px;font-weight:600}.tab.active .tab-count{background:var(--accent-soft);color:var(--accent-text)}.segmented{background:var(--surface-sunken);border-radius:5px;gap:2px;padding:2px;display:inline-flex}.segmented button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:500}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-xs)}.search-input{align-items:center;display:inline-flex;position:relative}.search-input input{border:1px solid var(--border-strong);background:var(--surface);height:28px;color:var(--text);border-radius:5px;outline:none;width:220px;padding:0 10px 0 28px;font-size:12.5px}.search-input input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-input .icon{width:14px;height:14px;color:var(--text-muted);pointer-events:none;position:absolute;left:8px}.tag{background:var(--surface-sunken);border:1px solid var(--border);font-family:var(--font-mono);color:var(--text-secondary);border-radius:3px;align-items:center;padding:1px 6px;font-size:11px;display:inline-flex}.filter-note{color:var(--text-tertiary);align-items:center;gap:6px;margin:-4px 4px 12px;font-size:11.5px;line-height:1.4;display:flex}.filter-note svg{flex-shrink:0}.bar-row{grid-template-columns:200px 1fr 120px;align-items:center;gap:12px;padding:6px 0;display:grid}.bar-row .bar-label{font-size:12.5px}.bar-row .bar-track{background:var(--surface-sunken);border-radius:4px;height:8px;overflow:hidden}.bar-row .bar-fill{background:var(--accent);border-radius:4px;height:100%}.bar-row .bar-fill.ok{background:var(--ok)}.bar-row .bar-fill.warn{background:var(--warn)}.bar-row .bar-fill.error{background:var(--error)}.bar-row .bar-value{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:12px}.loading{text-align:center;color:var(--text-tertiary);padding:60px 20px;font-size:13px}@media (max-width:1023px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:100;width:var(--sidebar-w);position:fixed;left:-100%}.sidebar.mobile-open{box-shadow:var(--shadow-lg);left:0}.topbar-mobile-trigger{display:inline-flex!important}.kpi-grid.cols-4{grid-template-columns:repeat(2,1fr)}.status-row,.grid-2-1{grid-template-columns:1fr}}.topbar-mobile-trigger{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);width:32px;height:32px;color:var(--text);justify-content:center;align-items:center;display:none}