:root{color-scheme:dark;--bg:#0b1220;--panel:#131f31;--border:#29384f;--text:#f4f7fc;--muted:#9db2cc;--green:#35d6a0;--red:#ff6f86;--blue:#77aaff}*{box-sizing:border-box}body{margin:0;background:linear-gradient(120deg,#0a101d,#172b47);font:16px system-ui,sans-serif;color:var(--text)}.wrap{max-width:1320px;margin:auto;padding:24px}header,.top{display:flex;align-items:center;justify-content:space-between;gap:16px}header{justify-content:flex-start;margin-bottom:30px}.logo{display:grid;place-items:center;background:linear-gradient(135deg,#35d6a0,#4da9ff);color:#06101b;border-radius:15px;width:54px;height:54px;font-size:28px;font-weight:900}h1,h2,h3,p{margin-top:0}header p,.hint,small{color:var(--muted)}.panel,.metric{background:rgba(19,31,49,.94);border:1px solid var(--border);border-radius:18px;padding:22px;margin-bottom:18px}.login{max-width:440px;margin:40px auto}.hidden{display:none!important}label{display:block;color:var(--muted);font-size:14px;margin:12px 0}input,select{display:block;width:100%;padding:13px;margin-top:7px;border:1px solid var(--border);border-radius:10px;background:#0d1726;color:var(--text);font:inherit}button{border:0;border-radius:10px;padding:12px 16px;margin:4px 4px 4px 0;background:var(--green);color:#062016;font-weight:800;cursor:pointer}button.secondary{background:#293a53;color:var(--text)}button.danger{background:#482531;color:#ffc2cb}.login button{width:100%}.error{color:var(--red)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.metric{margin:0}.metric small,.metric strong,.metric span{display:block}.metric strong{font-size:29px;margin:10px 0;color:var(--green)}.metric:nth-child(2) strong{color:var(--red)}.metric:nth-child(3) strong{color:var(--blue)}.layout{display:grid;grid-template-columns:minmax(270px,.8fr) minmax(0,2fr);gap:16px}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}td,th{text-align:left;padding:13px 9px;border-bottom:1px solid var(--border);white-space:nowrap}th{color:var(--muted)}.pill{padding:5px 8px;border-radius:7px;font-weight:800}.pill.in{color:var(--green);background:#124034}.pill.out{color:var(--red);background:#492431}.top p{color:var(--muted)}@media(max-width:850px){.cards{grid-template-columns:repeat(2,1fr)}.layout{grid-template-columns:1fr}.wrap{padding:14px}}@media(max-width:480px){.cards,.split{grid-template-columns:1fr}.top{align-items:flex-start;flex-direction:column}}