:root{--navy:#081b2c;--navy2:#0d2a44;--blue:#178cc0;--cyan:#35c4df;--bg:#f4f7fa;--card:#fff;--text:#152535;--muted:#66788a;--border:#dce5ec;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}button,input{font:inherit}a{color:inherit}.shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{background:linear-gradient(180deg,var(--navy),var(--navy2));color:#fff;padding:28px 20px}.brand{letter-spacing:.02em;font-size:20px;font-weight:800}.brand small{color:#9ac5d7;margin-top:5px;font-size:11px;font-weight:600;display:block}.main{padding:32px}.card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:22px;box-shadow:0 5px 22px #0923370d}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.status{align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.dot{background:#96a5b2;border-radius:50%;width:9px;height:9px}.dot.ok{background:#17a56b}.btn{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:10px 14px;font-weight:700}.btn.secondary{color:#125b7c;background:#e7f2f7}.login{place-items:center;min-height:100vh;padding:20px;display:grid}.login .card{width:min(430px,100%)}.field{gap:6px;margin:14px 0;display:grid}.field input{border:1px solid var(--border);border-radius:10px;padding:12px 13px}.error{color:#b42318;white-space:pre-wrap;font-size:13px}pre{color:#d6eef8;background:#0b1d2c;border-radius:12px;padding:14px;font-size:12px;overflow:auto}@media (max-width:800px){.shell{grid-template-columns:1fr}.sidebar{display:none}.main{padding:18px}}