:root{--bg:#111714;--panel:#1b2420;--line:#334139;--text:#f2f6ef;--muted:#9aa99f;--green:#69ef9a;--red:#ff6d63}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 10%,#284038 0,#111714 38%),linear-gradient(120deg,#111714,#1f2924);color:var(--text);font:16px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;display:grid;grid-template-columns:260px 1fr}aside{border-right:1px solid var(--line);padding:28px 22px;background:rgba(20,29,25,.72);backdrop-filter:blur(10px)}.brand{font-size:24px;font-weight:800;margin-bottom:42px}.brand span{font-size:12px;color:var(--green);letter-spacing:.16em;text-transform:uppercase}aside button{display:block;width:100%;border:1px solid transparent;background:transparent;color:var(--muted);padding:14px 16px;text-align:left;border-radius:14px;margin:6px 0;font:inherit;cursor:pointer}aside button.active,aside button:hover{background:#26362f;color:var(--green);border-color:#355343}main{padding:44px 52px}.card{background:rgba(27,36,32,.84);border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.login{max-width:420px;margin:12vh auto}input,select{width:100%;background:#111714;border:1px solid var(--line);border-radius:12px;color:var(--text);padding:13px;margin:8px 0;font:inherit}button{border:0;border-radius:12px;padding:12px 16px;background:var(--green);color:#08130d;font-weight:800;cursor:pointer}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.eyebrow{color:var(--green);letter-spacing:.14em;text-transform:uppercase;margin:0}h1{font-size:46px;margin:0 0 10px}.grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px}.metric{padding:20px;border:1px solid var(--line);border-radius:18px;background:#18211d}.metric b{font-size:30px;display:block}.table{width:100%;border-collapse:collapse;background:#18211d;border-radius:18px;overflow:hidden}.table th,.table td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:left}.status{color:var(--green)}.error{color:var(--red)}form{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:8px;margin:18px 0 24px}@media(max-width:900px){body{grid-template-columns:1fr}aside{position:sticky;top:0;z-index:2}main{padding:22px}.grid,form{grid-template-columns:1fr}h1{font-size:34px}}