*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f7fb;color:#142033}a{text-decoration:none;color:inherit}.shell{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.side{background:linear-gradient(180deg,#061a37,#0a4fa3);color:white;padding:28px 18px}.brand{font-size:22px;font-weight:800}.brand small{display:block;font-size:10px;letter-spacing:2px;color:#b9d8f4;margin-top:6px}.nav{display:grid;grid-gap:8px;gap:8px;margin-top:30px}.nav a{padding:12px;border-radius:10px}.nav a:hover{background:#ffffff18}.main{padding:32px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.top h1{margin:0}.muted{color:#68788d}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.card{background:white;border:1px solid #dce5ef;border-radius:16px;padding:20px;box-shadow:0 8px 30px #0c3c6f0a}.metric{font-size:32px;font-weight:800;color:#071d3c;margin-top:8px}.btn{background:#0a4fa3;color:white;border:0;border-radius:10px;padding:11px 16px;font-weight:700}.table{width:100%;border-collapse:collapse}.table td,.table th{text-align:left;padding:13px;border-bottom:1px solid #edf1f5;font-size:14px}.badge{padding:5px 9px;border-radius:99px;background:#e9f5ff;color:#0872bd;font-size:12px;font-weight:700}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#061a37,#0a58b4)}.login-card{width:min(420px,90%);background:white;padding:34px;border-radius:18px}.input{width:100%;padding:13px;border:1px solid #ccd8e5;border-radius:10px;margin:7px 0 16px}@media(max-width:800px){.grid,.shell{grid-template-columns:1fr}}