:root{--bg:#0b1f2a;--card:#13303d;--ink:#e8f1f5;--muted:#8fb0bd;--accent:#2bb3c0;--err:#ff6b6b}*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,sans-serif;background:var(--bg);color:var(--ink)}a{color:var(--accent)}.wrap{max-width:880px;margin:0 auto;padding:32px 20px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}h1{font-size:20px;margin:0;letter-spacing:.5px}.tag{color:var(--muted);font-size:12px}.card{background:var(--card);border:1px solid #1d4351;border-radius:12px;padding:24px;margin:0 0 18px}.muted{color:var(--muted)}.err{color:var(--err)}table{width:100%;border-collapse:collapse;margin-top:8px}td,th{text-align:left;padding:8px 10px;border-bottom:1px solid #1d4351;font-size:14px}th{color:var(--muted);font-weight:600}.pill{display:inline-block;background:#0d2530;border:1px solid #27566a;border-radius:999px;padding:2px 10px;font-size:12px;margin-right:6px}.nav{display:flex;gap:6px;align-items:center;margin:0 0 20px;flex-wrap:wrap}.navlink{padding:7px 12px;border-radius:8px;color:var(--muted);text-decoration:none;font-size:14px}.navlink:hover{background:var(--card);color:var(--ink)}.navspacer{flex:1 1}.linkbtn{background:none;border:0;color:var(--accent);font-size:14px;cursor:pointer;padding:7px 12px}button.primary{margin-top:18px;padding:10px 18px;border:0;border-radius:8px;background:var(--accent);color:#04222a;font-weight:600;font-size:15px;cursor:pointer}.kpigrid{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 18px}.kpi{flex:1 1;min-width:130px;background:var(--card);border:1px solid #1d4351;border-radius:12px;padding:18px 20px}.kpi-v{font-size:30px;font-weight:700;line-height:1.1}.kpi-l{color:var(--muted);font-size:13px}.kpi-l,.kpi-s{margin-top:4px}.kpi-s{color:var(--accent);font-size:12px}.bars{margin-top:8px}.barrow{display:flex;align-items:center;gap:10px;margin:6px 0}.barlabel{width:140px;font-size:13px;color:var(--muted);text-align:right}.bartrack{flex:1 1;background:#0d2530;overflow:hidden;height:18px}.bar,.bartrack{border-radius:6px}.bar{height:100%;min-width:2px}.barnum{width:36px;text-align:left}.barnum,label{font-size:13px}label{display:block;color:var(--muted);margin:12px 0 4px}input,select,textarea{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #27566a;background:#0d2530;color:var(--ink);font-size:15px}input[type=file]{padding:8px}.row{display:flex;gap:12px}.row>div{flex:1 1}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.btn{padding:10px 18px;border:0;border-radius:8px;color:#04222a;font-weight:600;font-size:15px;cursor:pointer}.btn:hover{filter:brightness(1.08)}