*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#f4f6f9;color:#172033}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#07182e,#0e315c)}.login-card{width:min(410px,92vw);background:#fff;padding:34px;border-radius:22px;box-shadow:0 25px 70px #0005}.brand{font-size:28px;font-weight:900;color:#0e315c}.muted{color:#6d788a}.input{width:100%;padding:13px 14px;border:1px solid #d9e0e8;border-radius:10px;margin:7px 0 13px}.btn{display:inline-block;border:0;background:#1264d6;color:#fff;padding:11px 16px;border-radius:10px;text-decoration:none;cursor:pointer;font-weight:700}.btn.red{background:#dc3545}.shell{display:flex;min-height:100vh}.side{width:245px;background:#091c33;color:#fff;padding:25px 18px}.side h2{margin:0 0 28px}.side a{display:block;color:#cbd7e7;text-decoration:none;padding:12px;border-radius:9px;margin:5px 0}.side a:hover,.side a.active{background:#123a69;color:#fff}.main{flex:1;padding:28px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 18px #19314b12}.metric{font-size:28px;font-weight:900;margin-top:8px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:13px;border-bottom:1px solid #edf0f4;white-space:nowrap}.badge{padding:5px 9px;border-radius:999px;background:#e9f7ef;color:#16844a;font-size:12px;font-weight:700}.error{background:#fdecec;color:#a82020;padding:10px;border-radius:8px}.ok{background:#e9f7ef;color:#147843;padding:10px;border-radius:8px}@media(max-width:900px){.side{width:190px}.grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.shell{display:block}.side{width:100%}.side a{display:inline-block}.grid{grid-template-columns:1fr}.main{padding:16px}}