:root{--surface-1:#fcfcfb;--page-plane:#f9f9f7;--text-primary:#0b0b0b;--text-secondary:#52514e;--text-muted:#898781;--gridline:#e1e0d9;--border:hsla(0,0%,4%,.1);--status-good:#0ca30c;--status-warning:#fab219;--status-serious:#ec835a;--status-critical:#d03b3b;--status-good-bg:rgba(12,163,12,.12);--status-warning-bg:rgba(250,178,25,.18);--status-critical-bg:rgba(208,59,59,.12);--status-muted-bg:hsla(45,3%,52%,.14)}@media (prefers-color-scheme:dark){:root{--surface-1:#1a1a19;--page-plane:#0d0d0d;--text-primary:#fff;--text-secondary:#c3c2b7;--text-muted:#898781;--gridline:#2c2c2a;--border:hsla(0,0%,100%,.1);--status-good-bg:rgba(12,163,12,.2);--status-warning-bg:rgba(250,178,25,.22);--status-critical-bg:rgba(208,59,59,.22);--status-muted-bg:hsla(45,3%,52%,.2)}}*{box-sizing:border-box}body{margin:0;background:var(--page-plane);color:var(--text-primary);font-family:system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}.page{max-width:1080px;margin:0 auto;padding:24px 20px 64px}.nav{justify-content:space-between;flex-wrap:wrap;gap:12px 16px;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--surface-1)}.nav,.nav-brand{display:flex;align-items:center}.nav-brand{gap:10px;text-decoration:none}.nav-brand strong{font-size:26px;letter-spacing:.02em;line-height:1}.nav-links{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;font-size:14px}.nav-links a{text-decoration:none;color:var(--text-secondary)}.nav-links a:hover{color:var(--text-primary)}.user-menu{position:relative}.user-menu-trigger{display:inline-flex;align-items:center;gap:8px;padding:5px 10px 5px 5px;border-radius:999px;border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary);font-size:14px;cursor:pointer}.user-menu-trigger:hover{border-color:var(--text-muted)}.user-menu-avatar{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--status-good);color:#fff;font-size:12px;font-weight:600;line-height:1}.user-menu-chevron{color:var(--text-muted);font-size:10px}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;border:1px solid var(--border);border-radius:8px;background:var(--surface-1);box-shadow:0 8px 24px hsla(0,0%,4%,.12);overflow:hidden;z-index:20}.user-menu-info{padding:10px 14px;border-bottom:1px solid var(--border)}.user-menu-info-name{font-size:13px;font-weight:600}.user-menu-info-role{font-size:12px;color:var(--text-muted);text-transform:capitalize}.user-menu-item{display:block;width:100%;padding:10px 14px;border:none;background:none;color:var(--text-primary);font-size:13px;text-align:left;cursor:pointer}.user-menu-item:hover{background:var(--page-plane)}.user-menu-item:disabled{opacity:.5;cursor:default}h1{font-size:22px;margin:0 0 4px}h2{font-size:16px;margin:32px 0 12px}.subtitle,h2{color:var(--text-secondary)}.subtitle{font-size:14px;margin:0 0 24px}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px;margin-bottom:8px}.stat-tile{background:var(--surface-1);border:1px solid var(--border);border-radius:10px;padding:16px 18px}.stat-tile .value{font-size:28px;font-weight:600;line-height:1.1}.stat-tile .label{font-size:13px;color:var(--text-secondary);margin-top:4px}.stat-tile.critical .value{color:var(--status-critical)}.stat-tile.warning .value{color:var(--status-warning)}.stat-tile.good .value{color:var(--status-good)}.table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px}table{width:100%;border-collapse:collapse;background:var(--surface-1);border:1px solid var(--border);border-radius:10px;overflow:hidden;font-size:14px}thead th{text-align:left;font-weight:500;color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}tbody td,thead th{padding:10px 14px;border-bottom:1px solid var(--gridline)}tbody td{vertical-align:middle}tbody tr:last-child td{border-bottom:none}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.badge{display:inline-flex;gap:5px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.badge,.badge-row{align-items:center}.badge-row{display:flex;gap:6px;flex-wrap:wrap}.badge.critical{background:var(--status-critical-bg);color:var(--status-critical)}.badge.warning{background:var(--status-warning-bg);color:#9a6a00}@media (prefers-color-scheme:dark){.badge.warning{color:var(--status-warning)}}.badge.good{background:var(--status-good-bg);color:var(--status-good)}.badge.muted{background:var(--status-muted-bg);color:var(--text-secondary)}.empty-state{padding:40px 20px;text-align:center;color:var(--text-secondary);border:1px dashed var(--border);border-radius:10px}.card,.empty-state{background:var(--surface-1)}.card{border:1px solid var(--border);border-radius:10px;padding:18px 20px}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:7px;border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary);font-size:13px;cursor:pointer}.btn:hover{border-color:var(--text-muted)}.btn.primary{background:var(--status-good);border-color:var(--status-good);color:#fff}.btn:disabled{opacity:.5;cursor:default}.form-row{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.field label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:4px}.field input,.field select{border:1px solid var(--border);background:var(--page-plane);color:var(--text-primary);border-radius:6px;padding:6px 8px;font-size:13px}.tag-connected{font-size:12px;color:var(--status-good)}.tag-disconnected{font-size:12px;color:var(--status-critical)}@media (max-width:640px){.page{padding:20px 14px 48px}.nav{padding:14px 16px}.form-row{align-items:stretch}.form-row .field{flex:1 1 100%}.field input,.field select{width:100%}.table-scroll table{min-width:max-content}}