:root{--bg:#0d1323;--panel:#151d31;--panel-soft:#1b2540;--border:#2a3557;--text:#edf2ff;--muted:#96a3c6;--green-soft:rgba(34,197,94,0.18);--red-soft:rgba(239,68,68,0.18);--yellow-soft:rgba(245,158,11,0.18);--blue-soft:rgba(59,130,246,0.18);--gray-soft:rgba(148,163,184,0.18)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{padding:24px;border-right:1px solid var(--border);background:#0b1120;display:flex;flex-direction:column}.nav{display:grid;grid-gap:10px;gap:10px;margin-top:28px}.nav a{padding:12px 14px;border-radius:12px;color:var(--muted)}.nav a:hover{background:var(--panel);color:var(--text)}.sidebar-footer{margin-top:auto;padding-top:20px;border-top:1px solid var(--border)}.content{padding:28px}.card{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:18px}.card-title{color:var(--muted);font-size:13px}.card-value{font-size:28px;font-weight:700;margin-top:8px}.card-hint{margin-top:8px;color:var(--muted);font-size:13px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px}.grid-2,.grid-4{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px}.stack{display:grid;grid-gap:16px;gap:16px}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table td,.table th{padding:14px 12px;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}.table th{font-size:13px;color:var(--muted)}.button{border:0;border-radius:12px;padding:12px 16px;background:#2e6fed;color:white;font-weight:700;cursor:pointer}.button-secondary{background:var(--panel-soft)}.muted{color:var(--muted)}.page-title{margin:0;font-size:28px}.page-subtitle{margin:8px 0 24px;color:var(--muted)}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:420px;background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:24px}.field{display:grid;grid-gap:8px;gap:8px;margin-bottom:16px}.field span{color:var(--muted);font-size:14px}.field input{width:100%;border:1px solid var(--border);background:#0b1120;color:var(--text);border-radius:12px;padding:12px 14px}.error-box{padding:12px;border-radius:12px;background:rgba(239,68,68,.16);color:#ffd0d0;margin-bottom:16px}@media (max-width:1100px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border)}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.grid-2,.grid-4{grid-template-columns:1fr}.content{padding:20px}}.success-box{padding:12px;border-radius:12px;background:rgba(34,197,94,.16);color:#c9ffd9;margin-bottom:16px}