:root{--bg:#090614;--panel:#15102b;--border:#342663;--text:#f4f0ff;--muted:#a99dc8;--violet:#9d4dff;--green:#45d69a;--yellow:#f2bb55;--red:#fb6f92}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:radial-gradient(circle at 75% 5%,#211048,transparent 35%),var(--bg);color:var(--text);font-family:Inter,sans-serif}button,input{font:inherit}
.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login section{width:min(420px,100%);padding:36px;border:1px solid var(--border);border-radius:22px;background:rgba(21,16,43,.9)}h1{font:700 30px 'Space Grotesk',sans-serif;margin:4px 0 8px}.eyebrow{color:var(--violet);letter-spacing:.12em;font-size:11px;font-weight:700}.muted{color:var(--muted);line-height:1.5}form{display:grid;gap:14px;margin-top:26px}label{font-size:12px;color:var(--muted);display:grid;gap:6px}input{padding:12px;border-radius:10px;border:1px solid var(--border);background:#0d0920;color:var(--text)}button{cursor:pointer;border:1px solid transparent;border-radius:10px;padding:11px 13px;background:var(--violet);color:#fff;font-weight:700}.error{color:var(--red);min-height:18px;margin:0;font-size:13px}
#app{display:grid;grid-template-columns:245px 1fr;min-height:100vh}aside{border-right:1px solid var(--border);padding:25px 14px;display:flex;flex-direction:column;gap:28px;background:rgba(7,5,16,.72)}.brand{font:700 21px 'Space Grotesk';letter-spacing:.03em}.brand b{color:var(--violet);font-size:12px}nav{display:grid;gap:5px}nav button{background:transparent;color:var(--muted);text-align:left}nav button.active,nav button:hover{background:#251447;color:#fff}.logout{background:transparent;border-color:var(--border);color:var(--muted);margin-top:auto}.content{padding:30px;min-width:0}header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.identity{color:var(--muted);font-size:13px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.card,.panel{background:rgba(21,16,43,.86);border:1px solid var(--border);border-radius:15px;padding:18px}.card span{color:var(--muted);font-size:12px}.card strong{font:700 27px 'Space Grotesk';display:block;margin-top:8px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.panel h2{font-size:15px;margin:0 0 14px}.status{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px}.ok{color:var(--green)}.warn{color:var(--yellow)}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:11px 8px;border-bottom:1px solid rgba(255,255,255,.08)}th{color:var(--muted);font-size:11px;text-transform:uppercase}.toolbar{display:flex;gap:10px;margin:0 0 16px}.toolbar input{max-width:360px}.notice{padding:12px 14px;border-radius:10px;background:#3b1730;color:#ffc2d2;margin-bottom:15px}.empty{color:var(--muted);padding:25px 0}@media(max-width:800px){#app{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid var(--border)}nav{grid-template-columns:repeat(2,1fr)}.content{padding:20px}.grid{grid-template-columns:1fr}}