:root,:root[data-theme=dark]{--bg: #1a1d23;--panel: #252a32;--text: #e8eaed;--muted: #9aa0a6;--accent: #1cb0c8;--danger: #e85d5d;--ok: #3dd68c;--warn: #e6b84d;--blue: #4a9eff;--label: #f1f3f4;--card-bg: #2f3540;--input-bg: #1a1d23;--input-border: #5f6368;--border: #444;--sidebar-border: #333;--nav-active-bg: #333a45;--modal-bg: #2f3540;--modal-text: #e8eaed;--modal-label: #f1f3f4;--table-border: #444;--stat-blue: #1e4d6e;--stat-green: #1e5c40;--stat-red: #5c2a2a;--pill-ok-bg: #1a4d2e;--pill-ok-text: #7bed9f;--pill-fail-bg: #4d1a1a;--pill-fail-text: #ff8b8b}:root[data-theme=light]{--bg: #eef1f6;--panel: #ffffff;--text: #202124;--muted: #5f6368;--accent: #0d7377;--danger: #c5221f;--ok: #137333;--warn: #b06000;--blue: #1a73e8;--label: #202124;--card-bg: #ffffff;--input-bg: #ffffff;--input-border: #dadce0;--border: #dadce0;--sidebar-border: #e8eaed;--nav-active-bg: #e8f0fe;--modal-bg: #ffffff;--modal-text: #202124;--modal-label: #3c4043;--table-border: #e8eaed;--stat-blue: #d2e3fc;--stat-green: #ceead6;--stat-red: #fce8e6;--pill-ok-bg: #ceead6;--pill-ok-text: #137333;--pill-fail-bg: #fce8e6;--pill-fail-text: #c5221f}*{box-sizing:border-box}body{margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--accent)}.layout{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--panel);padding:1rem;border-right:1px solid var(--sidebar-border)}.sidebar-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:1rem}.sidebar-header h2{margin:0;font-size:1rem;flex:1}.sidebar nav a{display:block;padding:.5rem .75rem;border-radius:6px;color:var(--text);text-decoration:none;margin-bottom:4px}.sidebar nav a.active{background:var(--nav-active-bg);color:var(--accent)}.main{flex:1;padding:1.25rem;overflow:auto}.main h1{color:var(--text)}.card{background:var(--card-bg);border-radius:8px;padding:1rem;margin-bottom:1rem;border:1px solid var(--border)}.row{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.stat{min-width:140px;padding:1rem;border-radius:8px;font-weight:600;color:var(--text)}.stat.blue{background:var(--stat-blue)}.stat.green{background:var(--stat-green)}.stat.red{background:var(--stat-red)}.btn{border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;color:#fff}.btn.teal{background:var(--accent);color:#111}[data-theme=light] .btn.teal{color:#fff}.btn.green{background:var(--ok);color:#111}[data-theme=light] .btn.green{color:#fff}.btn.red{background:var(--danger)}.btn.yellow{background:var(--warn);color:#111}.btn.blue{background:var(--blue)}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text);padding:.35rem .6rem;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600}.btn-ghost:hover{background:var(--nav-active-bg)}table{width:100%;border-collapse:collapse;font-size:.875rem}th,td{padding:.5rem .4rem;border-bottom:1px solid var(--table-border);text-align:left;color:var(--text)}th{color:var(--muted);font-weight:600}input,select,textarea{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text);padding:.4rem .5rem;border-radius:4px;width:100%}.btn-spin{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:btnspin .6s linear infinite;vertical-align:middle}@keyframes btnspin{to{transform:rotate(360deg)}}button:disabled{opacity:.6;cursor:default}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:var(--modal-bg);color:var(--modal-text);padding:1.25rem;border-radius:8px;min-width:320px;max-width:90vw;border:1px solid var(--border)}.modal h3{margin-top:0;color:var(--modal-text)}.form-row{margin-bottom:.75rem}.form-row label{display:block;font-size:.8rem;margin-bottom:4px;color:var(--label)}.modal .form-row label{color:var(--modal-label)}.legend{color:var(--danger);font-size:.8rem;margin:.5rem 0}.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:700}.pill.ok{background:var(--pill-ok-bg);color:var(--pill-ok-text)}.pill.fail{background:var(--pill-fail-bg);color:var(--pill-fail-text)}.login-wrap{max-width:360px;margin:4rem auto;padding:1rem}.login-toolbar{display:flex;justify-content:flex-end;margin-bottom:.75rem}