:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;--bg: #09111d;--bg-2: #0c1725;--panel: rgba(16, 27, 43, .88);--panel-strong: #101b2b;--surface: #0b1421;--surface-soft: #132238;--text: #e7eef8;--muted: #91a4bb;--faint: #61758d;--border: rgba(132, 160, 190, .2);--border-strong: rgba(102, 145, 190, .36);--accent: #54a6ff;--accent-2: #7c5cff;--success: #39d98a;--warning: #f7b955;--danger: #ff6f8e;--info: #53c7ff;--shadow: 0 18px 45px rgba(0, 0, 0, .24)}:root[data-theme=light]{color-scheme:light;--bg: #f4f7fb;--bg-2: #eaf0f8;--panel: rgba(255, 255, 255, .9);--panel-strong: #ffffff;--surface: #f7faff;--surface-soft: #eef4fb;--text: #17202d;--muted: #526376;--faint: #76879b;--border: rgba(54, 76, 103, .16);--border-strong: rgba(47, 111, 190, .28);--accent: #126fd6;--accent-2: #6852e8;--success: #148f5a;--warning: #b67208;--danger: #cc2d56;--info: #087ea4;--shadow: 0 16px 38px rgba(46, 67, 93, .14)}*{box-sizing:border-box}html{background:var(--bg)}body,html,#root{margin:0;min-height:100vh}body{color:var(--text);background:radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 30rem),radial-gradient(circle at 92% 8%,color-mix(in srgb,var(--accent-2) 18%,transparent),transparent 28rem),linear-gradient(135deg,var(--bg),var(--bg-2))}.app-shell{display:grid;grid-template-columns:232px minmax(0,1fr);grid-template-rows:56px 1fr;min-height:100vh}.topbar{grid-column:1 / span 2;display:flex;align-items:center;justify-content:space-between;gap:12px;background:color-mix(in srgb,var(--panel-strong) 88%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border);padding:0 14px;position:sticky;top:0;z-index:10}.brand-block,.topbar-actions,.metric-topline,.progress-meta,.mini-stats,.hero-meta{display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-size:11px;font-weight:800;box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 32%,transparent)}.brand{font-weight:800;font-size:14px;letter-spacing:.2px}.topbar-meta{font-size:11px;color:var(--muted)}.live-chip,.status-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:999px;padding:4px 8px;color:var(--muted);background:color-mix(in srgb,var(--surface) 78%,transparent);font-size:11px;font-weight:650;white-space:nowrap}.pulse-dot,.status-dot{width:7px;height:7px;border-radius:999px;background:var(--success);box-shadow:0 0 color-mix(in srgb,var(--success) 55%,transparent);animation:pulse 1.8s infinite}.status-pill .status-dot{animation:none}.status-pill.success{color:var(--success);border-color:color-mix(in srgb,var(--success) 32%,var(--border))}.status-pill.warning{color:var(--warning);border-color:color-mix(in srgb,var(--warning) 35%,var(--border))}.status-pill.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 35%,var(--border))}.status-pill.info{color:var(--info);border-color:color-mix(in srgb,var(--info) 35%,var(--border))}.status-pill.neutral .status-dot{background:var(--faint)}.status-pill.success .status-dot{background:var(--success)}.status-pill.warning .status-dot{background:var(--warning)}.status-pill.danger .status-dot{background:var(--danger)}.status-pill.info .status-dot{background:var(--info)}.sidebar{background:color-mix(in srgb,var(--panel-strong) 74%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid var(--border);padding:10px;overflow:auto}.sidebar-title{color:var(--faint);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin:2px 4px 8px}.nav-group{color:var(--faint);font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.1em;margin:14px 8px 6px}.nav-btn{width:100%;display:flex;align-items:center;gap:8px;text-align:left;background:transparent;color:var(--muted);border:1px solid transparent;border-radius:9px;padding:7px 8px;margin-bottom:4px;font-size:12px;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease}.nav-icon{width:18px;text-align:center;color:var(--accent)}.nav-btn:hover{background:var(--surface-soft);color:var(--text);transform:translate(2px)}.nav-btn.active{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,transparent),color-mix(in srgb,var(--accent-2) 12%,transparent));border-color:var(--border-strong);color:var(--text)}.content{padding:12px;overflow:auto;display:flex;flex-direction:column;gap:10px}.page-hero,.panel,.metric-card{border:1px solid var(--border);box-shadow:var(--shadow);animation:rise-in .28s ease both}.page-hero{display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 96%,transparent),color-mix(in srgb,var(--accent) 8%,var(--panel)));border-radius:14px;padding:13px 14px}.eyebrow{color:var(--accent);font-size:10px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.page-hero h2{margin:2px 0;font-size:20px;letter-spacing:-.02em}.page-hero p{margin:0;color:var(--muted);font-size:12px}.hero-meta{flex-wrap:wrap;justify-content:flex-end}.panel{background:var(--panel);border-radius:12px;padding:10px}.panel h3,.panel h4{margin:0 0 8px;font-size:13px}.panel p{margin:4px 0 8px;font-size:12px;color:var(--muted)}.error{color:var(--danger)}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:8px}.metric-card{background:linear-gradient(180deg,color-mix(in srgb,var(--panel-strong) 90%,transparent),var(--surface));border-radius:12px;padding:10px;position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;inset:auto -20% -55% 35%;height:90px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 18%,transparent),transparent 68%)}.metric-card.success:after{background:radial-gradient(circle,color-mix(in srgb,var(--success) 18%,transparent),transparent 68%)}.metric-card.warning:after{background:radial-gradient(circle,color-mix(in srgb,var(--warning) 18%,transparent),transparent 68%)}.metric-card.danger:after{background:radial-gradient(circle,color-mix(in srgb,var(--danger) 18%,transparent),transparent 68%)}.metric-name{font-size:11px;color:var(--muted);font-weight:700}.metric-value{font-size:22px;font-weight:850;letter-spacing:-.04em;margin-top:5px}.metric-hint{font-size:11px;color:var(--faint);margin-top:2px}.sparkline{margin-left:auto;width:34px;height:14px;border-radius:999px;background:linear-gradient(90deg,transparent 0 12%,var(--accent) 12% 22%,transparent 22% 36%,var(--accent-2) 36% 50%,transparent 50% 64%,var(--success) 64% 78%,transparent 78%);opacity:.8}.operational-strip{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:16px;align-items:center}.two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.numeric{font-variant-numeric:tabular-nums;font-weight:750}.table-wrap{overflow:auto;border-radius:10px;border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 62%,transparent)}.table{width:100%;border-collapse:collapse;font-size:11px}.table th,.table td{border-bottom:1px solid var(--border);padding:7px 8px;vertical-align:top}.table th{position:sticky;top:0;z-index:1;text-align:left;color:var(--muted);font-weight:800;background:color-mix(in srgb,var(--panel-strong) 92%,transparent)}.table tbody tr{transition:background .14s ease}.table tbody tr:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}.empty-cell{text-align:center;color:var(--faint);padding:20px!important}.compact-form input,.compact-form textarea,textarea,select,input{width:100%;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:7px 8px;font-size:11px;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}button,.ghost-btn{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent-2) 74%,var(--accent)));color:#fff;border:1px solid color-mix(in srgb,#fff 18%,transparent);border-radius:8px;padding:7px 11px;font-size:11px;font-weight:750;cursor:pointer;transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}button:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 22%,transparent)}.ghost-btn{background:var(--surface);color:var(--text);border-color:var(--border);box-shadow:none}.link-btn{background:transparent;color:var(--accent);border:none;padding:0;text-decoration:none;box-shadow:none}.link-btn:hover{text-decoration:underline;transform:none;box-shadow:none}a{color:var(--accent)}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.dense-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;font-size:12px}.dense-grid>div{background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:8px}.pre-scroll{max-height:260px;overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:8px;font-size:11px;color:var(--muted)}.loading-panel{display:flex;align-items:center;gap:8px;color:var(--muted)}.spinner{width:14px;height:14px;border-radius:999px;border:2px solid color-mix(in srgb,var(--accent) 24%,transparent);border-top-color:var(--accent);animation:spin .85s linear infinite}.progress-wrap{min-width:120px}.progress-meta{justify-content:space-between;margin-bottom:4px;color:var(--muted);font-size:10px}.progress-track,.mini-track{overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--faint) 18%,transparent)}.progress-track{height:7px}.progress-fill,.mini-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--success));transition:width .45s ease}.score-meter{display:inline-grid;grid-template-columns:34px 58px;align-items:center;gap:6px;font-variant-numeric:tabular-nums;font-weight:750}.mini-track{height:5px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{70%{box-shadow:0 0 0 8px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes rise-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}@media (max-width: 1200px){.metrics-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.two-column,.operational-strip{grid-template-columns:1fr}}@media (max-width: 760px){.app-shell{grid-template-columns:1fr;grid-template-rows:auto auto 1fr}.topbar{grid-column:1;position:static;align-items:flex-start;flex-direction:column;padding:10px}.sidebar{display:flex;gap:6px;overflow-x:auto;border-right:none;border-bottom:1px solid var(--border)}.sidebar-title,.nav-group{display:none}.nav-btn{white-space:nowrap;margin-bottom:0}.content{padding:8px}.metrics-grid,.grid-3,.grid-4,.dense-grid{grid-template-columns:1fr}.page-hero{align-items:flex-start;flex-direction:column}}:root[data-density=comfortable] .content{gap:14px;padding:16px}:root[data-density=comfortable] .panel,:root[data-density=comfortable] .metric-card,:root[data-density=comfortable] .setting-card{padding:14px}:root[data-density=comfortable] .table th,:root[data-density=comfortable] .table td{padding:10px}:root[data-density=comfortable] input,:root[data-density=comfortable] textarea,:root[data-density=comfortable] select,:root[data-density=comfortable] button{padding-block:9px}button:disabled{cursor:not-allowed;opacity:.48;transform:none!important;filter:none!important;box-shadow:none!important}.toggle-switch{width:max-content;min-width:86px;display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;background:var(--surface);color:var(--muted);border-color:var(--border);box-shadow:none}.toggle-switch.on{color:var(--success);border-color:color-mix(in srgb,var(--success) 34%,var(--border));background:color-mix(in srgb,var(--success) 10%,var(--surface))}.toggle-knob{width:22px;height:12px;border-radius:999px;background:color-mix(in srgb,var(--faint) 42%,transparent);position:relative;transition:background .18s ease}.toggle-knob:after{content:"";position:absolute;width:8px;height:8px;left:2px;top:2px;border-radius:50%;background:var(--panel-strong);transition:transform .18s ease}.toggle-switch.on .toggle-knob{background:var(--success)}.toggle-switch.on .toggle-knob:after{transform:translate(10px)}.segmented-control{display:inline-flex;gap:3px;padding:3px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.segmented-control button{background:transparent;border-color:transparent;color:var(--muted);box-shadow:none;padding:5px 9px}.segmented-control button.active{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 20%,transparent),color-mix(in srgb,var(--accent-2) 14%,transparent));border-color:var(--border-strong);color:var(--text)}.settings-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-preferences,.settings-filters,.setting-actions-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.settings-preferences label{display:grid;gap:5px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.settings-filters{flex:1}.settings-filters input{min-width:min(360px,100%);flex:1}.settings-filters select{max-width:220px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:10px}.setting-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:10px;display:flex;flex-direction:column;gap:10px;animation:rise-in .28s ease both}.setting-card.dirty{border-color:color-mix(in srgb,var(--warning) 44%,var(--border))}.setting-card-header,.setting-card-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.setting-category{color:var(--accent);font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px}.setting-card h3{margin:0;font-size:13px}.setting-json-editor{display:grid;gap:7px}.muted-text{color:var(--faint);font-size:11px}.empty-settings{grid-column:1 / -1;color:var(--muted)}@media (max-width: 760px){.settings-toolbar,.setting-card-header,.setting-card-footer{align-items:stretch;flex-direction:column}.settings-filters select{max-width:none}.settings-grid{grid-template-columns:1fr}}