:root{color-scheme:dark;--bg:#0b1018;--panel:#121a26;--line:#263345;--muted:#a4b1c3;--text:#f1f5fa;--accent:#81dbcf}*{box-sizing:border-box}body{margin:0;font:16px/1.5 "Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button,select,input{border:1px solid var(--line);border-radius:6px;background:#101925;color:var(--text);padding:10px 12px}button{cursor:pointer;font-weight:600}button:hover{border-color:var(--accent)}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--accent);color:#0c2223;border-color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}aside{position:fixed;inset:0 auto 0 0;width:222px;padding:34px 22px;border-right:1px solid var(--line);background:#0e1520}.brand{display:flex;gap:12px;color:var(--text);text-decoration:none;font-size:27px;font-weight:700;letter-spacing:3px}.brand small{display:block;font-size:10px;letter-spacing:1.1px;color:var(--muted);margin-top:4px}.nav-label{margin:58px 0 14px;color:var(--muted);font-size:12px;letter-spacing:1.5px}.nav-active{background:#1a2e35;border-left:3px solid var(--accent);padding:12px;font-size:14px;display:flex;justify-content:space-between}.nav-active span{color:var(--accent)}.aside-bottom{position:absolute;bottom:32px;font-size:14px}.aside-bottom span{color:var(--muted)}main{margin-left:222px;padding:38px 44px;max-width:1800px}header,.toolbar,.table-controls,.pagination,.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px}header{margin-bottom:34px}.eyebrow{color:var(--accent);font-size:12px;letter-spacing:2px}h1{font-size:32px;letter-spacing:-1px;font-weight:600;margin:10px 0}h2{font-size:20px;margin:0 0 8px}h3{font-size:15px;margin:0 0 8px}p{margin:8px 0 18px}.muted{color:var(--muted);font-size:14px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:24px}.login{max-width:580px;margin:70px auto}.login button{margin-top:20px}label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:14px;margin-bottom:16px}input,select{width:100%;color:var(--text)}.accounts{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:30px}.account-card{padding:22px;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:8px}.account-card.selected{border-color:var(--accent);box-shadow:inset 0 3px var(--accent)}.account-card strong{display:block;font-size:21px}.account-card small{color:var(--muted);font-size:13px}.account-card .status{float:right;font-size:12px;background:#263345;padding:4px 8px;border-radius:4px}.toolbar{margin-bottom:16px}.toolbar>div{display:flex;align-items:center;gap:16px}.toolbar label{margin:0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric{border-left:2px solid var(--line);padding:8px 18px 18px}.metric .value{font-size:26px;font-variant-numeric:tabular-nums;margin:5px 0}.metric .label,.metric small{color:var(--muted);font-size:14px}.notice{margin:24px 0;display:flex;gap:18px;padding:15px 18px;border:1px solid #665231;background:#282219;color:#edce99;font-size:14px}.quality{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-bottom:24px}.quality p{font-size:14px;color:var(--muted);margin:0}.table-controls{align-items:start}.table-controls label{max-width:280px}.data-panel{padding-bottom:14px}.table-wrap{overflow:auto;margin:12px -24px}table{border-collapse:collapse;width:100%;font-size:14px;text-align:left;white-space:nowrap}th{color:var(--muted);font-weight:500;background:#0f1722}th,td{padding:14px 20px;border-top:1px solid var(--line)}td.numeric{font-variant-numeric:tabular-nums}.pagination{font-size:14px;color:var(--muted)}.pagination button{padding:7px 12px;margin-left:8px}.empty-row{text-align:center;padding:45px;color:var(--muted);white-space:normal}.config-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}.form-row{display:flex;gap:16px}.form-row label{width:50%}hr{border:0;border-top:1px solid var(--line);margin:28px 0}footer{margin-top:40px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px;letter-spacing:.6px}#error{border:1px solid #b96565;background:#442829;padding:16px;margin-bottom:20px}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:10px;width:min(900px,90vw);max-height:85vh}dialog::backdrop{background:#0009}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.record-button{font-size:12px;padding:5px 9px}@media(max-width:1100px){aside{width:175px;padding:28px 14px}main{margin-left:175px;padding:28px 24px}.quality{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.table-controls{flex-wrap:wrap}.brand{font-size:22px}}@media(max-width:700px){aside{position:relative;width:100%;border-right:0;border-bottom:1px solid var(--line);padding:18px 22px}.nav-label,.nav-active,.aside-bottom{display:none}main{margin:0;padding:24px 16px}h1{font-size:27px}header,.toolbar{align-items:start}.toolbar,.toolbar>div{flex-wrap:wrap}.config-grid{grid-template-columns:1fr}.notice{flex-direction:column;gap:5px}.accounts{grid-template-columns:1fr}footer{flex-direction:column;gap:6px}.metric{padding-left:10px}.metric .value{font-size:22px}.form-row{flex-direction:column;gap:0}.form-row label{width:100%}.pagination{align-items:start}.table-controls label{max-width:100%;width:100%}}