*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root{--surface-1:#fcfcfb;--surface-2:#f4f3f0;--page-plane:#f4f5f7;--text-primary:#0b0b0b;--text-secondary:#52514e;--text-muted:#898781;--gridline:#e1e0d9;--baseline:#c3c2b7;--border:#0b0b0b1a;--brand:#2563eb;--brand-hover:#1d4ed8;--brand-wash:#eaf0fe;--danger:#dc2626;--danger-hover:#b91c1c;--danger-wash:#fee2e2;--success-wash:#dcfce7;--success-text:#166534;--error-text:#991b1b;--radius-sm:8px;--radius-md:12px;--shadow-sm:0 1px 3px #0b0b0b14;--status-good:#0ca30c;--status-warning:#fab219;--status-serious:#ec835a;--status-critical:#d03b3b;--status-other:#898781}@media (prefers-color-scheme:dark){:root:where(:not([data-theme=light])){--surface-1:#1a1a19;--surface-2:#232322;--page-plane:#0d0d0d;--text-primary:#fff;--text-secondary:#c3c2b7;--text-muted:#898781;--gridline:#2c2c2a;--baseline:#383835;--border:#ffffff1a;--brand-wash:#142037;--danger-wash:#3a1414;--success-wash:#0f2a17;--success-text:#4ade80;--error-text:#fca5a5;--shadow-sm:0 1px 3px #0006}}:root[data-theme=dark]{--surface-1:#1a1a19;--surface-2:#232322;--page-plane:#0d0d0d;--text-primary:#fff;--text-secondary:#c3c2b7;--text-muted:#898781;--gridline:#2c2c2a;--baseline:#383835;--border:#ffffff1a;--brand-wash:#142037;--danger-wash:#3a1414;--success-wash:#0f2a17;--success-text:#4ade80;--error-text:#fca5a5;--shadow-sm:0 1px 3px #0006}body{background:var(--page-plane);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.viz-root{--status-good:#0ca30c;--status-warning:#fab219;--status-serious:#ec835a;--status-critical:#d03b3b;--status-other:#898781}a{color:var(--brand)}.page{max-width:480px;margin:0 auto;padding:24px 16px 48px}.page.wide{max-width:960px}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:24px}h1{margin:0 0 20px;font-size:20px;font-weight:700}h2{margin:0 0 4px;font-size:16px;font-weight:600}.text-muted{color:var(--text-muted);margin:0;font-size:12px}.topnav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-bottom:12px;display:flex}.app-nav{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:20px;padding:6px;display:flex}.app-nav a,.app-nav .nav-spacer{flex:none}.app-nav a{border-radius:var(--radius-sm);min-height:36px;color:var(--text-secondary);white-space:nowrap;align-items:center;padding:8px 12px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.app-nav a:hover{background:var(--surface-2);color:var(--text-primary)}.app-nav a.active{background:var(--brand-wash);color:var(--brand);font-weight:600}.app-nav .nav-spacer{flex:1;min-width:4px}.topnav a,.topnav button{color:var(--brand);cursor:pointer;background:0 0;border:none;padding:4px 2px;font-family:inherit;font-size:13px;text-decoration:none}label{color:var(--text-primary);margin:16px 0 6px;font-size:13px;font-weight:600;display:block}select,textarea,input[type=text],input[type=email],input[type=password],input[type=date]{border:1px solid var(--gridline);border-radius:var(--radius-sm);background:var(--surface-1);width:100%;min-height:44px;color:var(--text-primary);padding:10px 12px;font-family:inherit;font-size:15px}select:focus,textarea:focus,input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-wash);outline:none}textarea{resize:vertical;min-height:100px}.field-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}button{cursor:pointer;font-family:inherit}.btn{border-radius:var(--radius-sm);background:var(--surface-2);min-height:40px;color:var(--text-primary);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-size:14px;font-weight:600;display:inline-flex}.btn:hover{filter:brightness(.97)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-hover)}.btn-danger{background:var(--danger-wash);color:var(--danger)}.btn-danger:hover{background:var(--danger);color:#fff}.btn-ghost{border-color:var(--border);color:var(--text-secondary);background:0 0}.btn-block{width:100%}.btn-sm{min-height:32px;padding:6px 12px;font-size:13px}button.submit{color:#fff;background:var(--brand);border-radius:var(--radius-sm);cursor:pointer;border:none;width:100%;min-height:48px;margin-top:20px;font-size:15px;font-weight:600}button.submit:hover{background:var(--brand-hover)}button.submit:disabled{background:var(--text-muted);cursor:not-allowed}.message{border-radius:var(--radius-sm);margin-top:16px;padding:10px 12px;font-size:14px}.message.success{background:var(--success-wash);color:var(--success-text)}.message.error{background:var(--danger-wash);color:var(--error-text)}.required{color:var(--danger)}.badge{background:var(--surface-2);color:var(--text-secondary);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge .dot{border-radius:50%;flex:none;width:8px;height:8px}.table-wrap{overflow-x:auto}table.data-table{border-collapse:collapse;width:100%;font-size:13px}table.data-table th,table.data-table td{text-align:left;border-bottom:1px solid var(--gridline);white-space:nowrap;padding:10px}table.data-table th{color:var(--text-secondary);font-weight:600}table.data-table tbody tr{cursor:default}table.data-table tbody tr.clickable{cursor:pointer}table.data-table tbody tr.clickable:hover{background:var(--surface-2)}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-bottom:20px;display:grid}.stat-tile{padding:14px 16px}.stat-tile .label{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.stat-tile .dot{border-radius:50%;flex:none;width:8px;height:8px}.stat-tile .value{margin-top:4px;font-size:26px;font-weight:700}@media (width<=640px){.page{padding:16px 12px 40px}.card{border-radius:var(--radius-sm);padding:16px}h1{font-size:18px}.app-nav{justify-content:flex-start}.app-nav a{padding:8px 10px;font-size:12.5px}.field-row{grid-template-columns:1fr;gap:0}.stat-grid{grid-template-columns:repeat(2,1fr);gap:8px}.stat-tile .value{font-size:22px}table.data-table th,table.data-table td{padding:8px;font-size:12.5px}.hide-mobile{display:none}.btn,button.submit{width:100%}.topnav{justify-content:flex-start;width:100%}.topnav>*{flex:auto}}