:root{--page: #f9f9f7;--surface: #fcfcfb;--ink: #0b0b0b;--ink-secondary: #52514e;--ink-muted: #898781;--hairline: #e1e0d9;--border: rgba(11, 11, 11, .1);--accent: #2a78d6;--accent-ink: #ffffff;--status-good: #0ca30c;--status-warning: #fab219;--status-serious: #ec835a;--status-critical: #d03b3b;--status-neutral: #898781;--good-text: #006300;--radius: 8px;--shadow: 0 1px 2px rgba(11, 11, 11, .05), 0 4px 16px rgba(11, 11, 11, .06);font-family:system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme: dark){:root{--page: #0d0d0d;--surface: #1a1a19;--ink: #ffffff;--ink-secondary: #c3c2b7;--ink-muted: #898781;--hairline: #2c2c2a;--border: rgba(255, 255, 255, .1);--accent: #3987e5;--good-text: #0ca30c;--shadow: none}}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink);font-size:14px;line-height:1.45}#root{min-height:100vh}h1{font-size:20px;font-weight:650;margin:0}h2{font-size:14px;font-weight:600;margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app-shell{display:flex;min-height:100vh}.sidebar{width:210px;flex-shrink:0;display:flex;flex-direction:column;gap:16px;padding:16px 12px;border-right:1px solid var(--hairline);background:var(--surface);position:sticky;top:0;height:100vh}.sidebar-brand{display:flex;align-items:center;gap:8px;font-weight:650;padding:4px 8px}.sidebar-nav{display:flex;flex-direction:column;gap:2px;flex:1}.nav-link{padding:7px 10px;border-radius:6px;color:var(--ink-secondary)}.nav-link:hover{background:color-mix(in srgb,var(--ink) 5%,transparent);text-decoration:none}.nav-link-active{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--ink);font-weight:600}.sidebar-footer{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--hairline);padding-top:12px}.operator-chip{padding:0 8px;overflow:hidden}.operator-name{font-weight:600}.operator-email{color:var(--ink-muted);font-size:12px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.main-pane{flex:1;min-width:0;padding:24px 28px 48px}.page{display:flex;flex-direction:column;gap:16px;max-width:1100px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-subtitle{margin:4px 0 0;color:var(--ink-secondary)}.breadcrumb{font-size:12px;color:var(--ink-muted);margin-bottom:2px}.header-actions{display:flex;gap:8px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.stat-grid-narrow{grid-template-columns:repeat(auto-fit,minmax(160px,220px))}.stat-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px}.stat-label{color:var(--ink-secondary);font-size:12px;margin-bottom:4px}.stat-value{font-size:26px;font-weight:650;letter-spacing:-.01em}.stat-value-good{color:var(--good-text)}.stat-value-warning,.stat-value-critical{color:var(--ink)}.stat-value-warning:after,.stat-value-critical:after{content:"●";font-size:10px;vertical-align:super;margin-left:6px}.stat-value-warning:after{color:var(--status-warning)}.stat-value-critical:after{color:var(--status-critical)}.stat-detail{color:var(--ink-muted);font-size:12px;margin-top:2px}.badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:550;background:color-mix(in srgb,var(--ink) 5%,transparent);color:var(--ink);white-space:nowrap}.badge-dot{width:7px;height:7px;border-radius:50%;background:var(--status-neutral);flex-shrink:0}.badge-good .badge-dot,.badge-dot-good{background:var(--status-good)}.badge-warning .badge-dot,.badge-dot-warning{background:var(--status-warning)}.badge-serious .badge-dot,.badge-dot-serious{background:var(--status-serious)}.badge-critical .badge-dot,.badge-dot-critical{background:var(--status-critical)}.badge-neutral .badge-dot,.badge-dot-neutral{background:var(--status-neutral)}.badge-good{background:color-mix(in srgb,var(--status-good) 12%,transparent)}.badge-warning{background:color-mix(in srgb,var(--status-warning) 16%,transparent)}.badge-serious{background:color-mix(in srgb,var(--status-serious) 16%,transparent)}.badge-critical{background:color-mix(in srgb,var(--status-critical) 12%,transparent)}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;font-size:12px;font-weight:600;color:var(--ink-muted);padding:6px 10px;border-bottom:1px solid var(--hairline);white-space:nowrap}.data-table td{padding:9px 10px;border-bottom:1px solid var(--hairline);vertical-align:top}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:color-mix(in srgb,var(--ink) 3%,transparent)}.data-table .num{text-align:right;font-variant-numeric:tabular-nums}.mono{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12.5px}.row-link{font-weight:550}.cell-sub{color:var(--ink-muted);font-size:12px}.cell-note{color:var(--ink-secondary)}.cell-wide{min-width:260px}.detail-row td{background:color-mix(in srgb,var(--accent) 5%,transparent)}.kv{margin:0;display:flex;flex-direction:column;gap:8px}.kv>div{display:flex;justify-content:space-between;gap:12px}.kv dt{color:var(--ink-secondary)}.kv dd{margin:0;text-align:right}.kv-inline{flex-direction:row;flex-wrap:wrap;gap:24px;padding:4px 2px}.kv-inline>div{flex-direction:column;align-items:flex-start;gap:2px}.kv-inline dd{text-align:left;font-weight:550}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.fine-print{color:var(--ink-muted);font-size:12px;margin:10px 0 0}.activity-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.activity-list li{display:flex;gap:12px}.activity-time{color:var(--ink-muted);min-width:64px;flex-shrink:0}.link-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}.all-clear{list-style:none;margin-left:-18px;color:var(--good-text);font-weight:550}.segment-bar{display:flex;gap:2px;height:18px;border-radius:4px;overflow:hidden}.segment{min-width:3px}.segment-good{background:var(--status-good)}.segment-warning{background:var(--status-warning)}.segment-serious{background:var(--status-serious)}.segment-critical{background:var(--status-critical)}.segment-neutral{background:var(--status-neutral)}.segment-legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:10px;color:var(--ink-secondary);font-size:12.5px}.segment-legend-item{display:inline-flex;align-items:center;gap:6px}.segment-legend-item .badge-dot{width:8px;height:8px}.segment-legend-item strong{color:var(--ink);font-variant-numeric:tabular-nums}.filter-row{display:flex;flex-wrap:wrap;gap:12px}.filter-row label,.form-grid label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--ink-secondary);font-weight:550}input,select{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:7px 10px;min-width:140px}input:focus,select:focus{outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:1px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.button{font:inherit;font-weight:550;border-radius:6px;padding:7px 14px;border:1px solid transparent;cursor:pointer;white-space:nowrap}.button:disabled{opacity:.55;cursor:default}.button-primary{background:var(--accent);color:var(--accent-ink)}.button-primary:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 88%,var(--ink))}.button-ghost{background:transparent;border-color:var(--border);color:var(--ink)}.button-ghost:hover:not(:disabled){background:color-mix(in srgb,var(--ink) 5%,transparent)}.button-danger{background:var(--status-critical);color:#fff}.button-danger:hover:not(:disabled){background:color-mix(in srgb,var(--status-critical) 88%,var(--ink))}.button-small{padding:3px 10px;font-size:12.5px}.feature-toggle{margin-left:10px}.checkbox-label{display:flex;flex-direction:row;align-items:center;gap:8px}.checkbox-label input[type=checkbox]{width:auto}.async-state{display:flex;align-items:center;gap:10px;color:var(--ink-secondary);padding:28px 8px;justify-content:center}.async-error{color:var(--status-critical)}.async-empty{color:var(--ink-muted)}.spinner{width:14px;height:14px;border:2px solid var(--hairline);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0b0b73;display:flex;align-items:center;justify-content:center;padding:24px;z-index:50}.dialog{background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 40px #0b0b0b40;padding:20px;width:min(480px,100%);max-height:90vh;overflow-y:auto}.dialog-title{font-size:16px;margin-bottom:10px}.dialog-body{color:var(--ink-secondary)}.dialog-body p{margin:0 0 10px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.api-key{display:block;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:13px;background:color-mix(in srgb,var(--ink) 5%,transparent);border:1px dashed var(--border);border-radius:6px;padding:12px;word-break:break-all;color:var(--ink);-webkit-user-select:all;user-select:all}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.pagination-status{color:var(--ink-muted);font-size:12.5px}.signin-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.signin-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:32px;width:min(380px,100%);display:flex;flex-direction:column;gap:16px;text-align:center;align-items:center}.signin-brand{display:flex;align-items:center;gap:10px}.signin-brand h1{font-size:18px}.signin-logo{color:var(--accent);font-size:18px}.signin-subtitle{color:var(--ink-secondary);margin:0}.signin-error{color:var(--status-critical);font-size:13px;margin:0}.signin-dev-fallback{font-size:12.5px}@media (max-width: 760px){.app-shell{flex-direction:column}.sidebar{width:100%;height:auto;position:static;flex-direction:row;align-items:center;overflow-x:auto}.sidebar-nav{flex-direction:row}.sidebar-footer{border-top:none;padding-top:0;flex-direction:row;align-items:center}.operator-chip{display:none}}