:root{--navy:#152438;--blue:#2463a7;--paper:#f5f7fa;--line:#dce3eb;--text:#243142;--muted:#718096;--white:#fff;--green:#19755d}. *{box-sizing:border-box}body{margin:0;background:var(--paper);font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text)}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:var(--navy);padding:28px 18px;color:#d8e3f0;display:flex;flex-direction:column}.brand{color:#fff;text-decoration:none;font-size:20px;letter-spacing:.2px;margin:0 10px 35px}.brand strong{color:#75b9ff}.sidebar nav{display:grid;gap:4px}.sidebar nav a{color:#c9d5e3;text-decoration:none;padding:11px 12px;border-radius:7px}.sidebar nav a:hover{background:#203954;color:#fff}.account{margin-top:auto;border-top:1px solid #31465c;padding:16px 10px 0;font-size:13px;display:flex;justify-content:space-between;align-items:center}.account button{background:none;border:0;color:#9fc8ef;cursor:pointer;padding:0}main{margin-left:250px;padding:42px;max-width:1500px}header p{color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.08em;margin:0 0 7px}h1{font-size:30px;margin:0 0 30px}h2{font-size:17px;margin:0 0 18px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:16px;margin-bottom:22px}.metrics article,.panel{background:var(--white);border:1px solid var(--line);border-radius:10px}.metrics article{padding:20px}.metrics span,.metrics small{display:block;color:var(--muted);font-size:13px}.metrics strong{font-size:28px;margin:8px 0;display:block}.panel{padding:22px;margin-bottom:18px}.toolbar{display:flex;justify-content:space-between;align-items:center}.badge{background:#e8f2ff;color:#2463a7;padding:5px 9px;border-radius:999px;font-size:12px}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line);padding:0 8px 10px}td{padding:12px 8px;border-bottom:1px solid #edf0f4}.empty{color:var(--muted);text-align:center;padding:28px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#14253b,#2865a2)}.login-card{width:min(390px,calc(100% - 32px));background:#fff;padding:38px;border-radius:14px;box-shadow:0 18px 48px #0004}.login-card h1{margin-bottom:6px}.eyebrow{color:var(--blue);text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700;margin:0}.muted{color:var(--muted);line-height:1.5}.login-card label{display:grid;gap:7px;font-size:13px;font-weight:600;margin-top:18px}.login-card input{border:1px solid #cbd5e0;border-radius:6px;padding:11px;font:inherit}.primary{width:100%;margin-top:24px;border:0;border-radius:6px;padding:12px;background:var(--blue);color:#fff;font:inherit;font-weight:700;cursor:pointer}.error{background:#fff1f1;color:#b42318;padding:9px;border-radius:6px;font-size:13px}@media(max-width:800px){.sidebar{position:static;width:auto}.sidebar nav{grid-template-columns:repeat(2,1fr)}.account{margin-top:20px}main{margin:0;padding:24px}.metrics,.two-cols{grid-template-columns:1fr}.sidebar{min-height:auto}}