:root{--bg:#08111e;--panel:#111f32;--panel2:#16263c;--line:#29415e;--text:#eef7ff;--muted:#9fb5ca;--accent:#60d6ff;--green:#56d995;--red:#ff7784;--gold:#ffd166}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 0%,#1b4164 0,#08111e 28rem),linear-gradient(#08111e,#0a1321);color:var(--text);font-family:Inter,Segoe UI,system-ui,sans-serif}header{position:sticky;top:0;background:rgba(8,17,30,.94);border-bottom:1px solid var(--line);z-index:9}.bar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px}.brand{font-weight:900;letter-spacing:-.04em}.brand span{color:var(--accent)}nav{display:flex;gap:8px;flex-wrap:wrap}button,.btn,select,input,textarea{font:inherit}button,.btn{border:1px solid var(--line);background:#13243a;color:var(--text);border-radius:10px;padding:9px 12px;cursor:pointer}button:hover,.btn:hover{border-color:var(--accent)}button.primary{background:linear-gradient(135deg,#61d7ff,#668fff);color:#06101e;border:0;font-weight:800}button.danger{background:#421923;border-color:#6a2a38}main{padding:20px;max-width:1380px;margin:auto}.tab{display:none}.tab.active{display:block}.card{background:rgba(17,31,50,.86);border:1px solid var(--line);border-radius:16px;padding:18px;margin:0 0 16px;box-shadow:0 16px 50px rgba(0,0,0,.2)}h1,h2,h3{letter-spacing:-.045em;margin:.15em 0 .45em}p{color:var(--muted)}.grid{display:grid;gap:12px}.grid4{grid-template-columns:repeat(4,1fr)}.grid3{grid-template-columns:repeat(3,1fr)}.grid2{grid-template-columns:repeat(2,1fr)}label{font-size:.85rem;color:#c5d6e7;font-weight:700}input,select,textarea{width:100%;background:#07121f;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:9px;margin-top:4px}textarea{min-height:80px}.kpi{padding:14px;border:1px solid var(--line);border-radius:14px;background:#0e1b2d}.kpi b{display:block;color:var(--accent);font-size:1.5rem}.muted{color:var(--muted)}.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:14px}table{border-collapse:collapse;width:100%;min-width:950px;background:#0b1727}th,td{border-bottom:1px solid rgba(255,255,255,.08);padding:9px;text-align:left;vertical-align:top;font-size:.9rem}th{position:sticky;top:0;background:#14253a;color:#dcefff}tr:hover{background:#102034}.pill{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:3px 8px;color:#d4e9fa;background:#102034;font-size:.8rem}.ok{color:var(--green)}.bad{color:var(--red)}.warn{color:var(--gold)}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.pager{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0}.details{background:#07121f;border:1px solid var(--line);border-radius:12px;padding:12px;margin-top:10px}.hidden{display:none}.toast{position:fixed;right:18px;bottom:18px;background:#0f2238;border:1px solid var(--accent);padding:12px 16px;border-radius:12px;z-index:99;max-width:560px;white-space:pre-wrap}.code{white-space:pre-wrap;background:#06101b;border:1px solid var(--line);border-radius:10px;padding:10px;max-height:360px;overflow:auto}.profile-card{border:1px solid var(--line);border-radius:14px;background:#0b1727;padding:14px;margin:10px 0}@media(max-width:900px){.grid4,.grid3,.grid2{grid-template-columns:1fr}nav{max-width:100%;overflow:auto}.bar{display:block}}