:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#0b2447;background:#eef4ff;font-size:16px}*{box-sizing:border-box}body{margin:0}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#0b2447,#1769e0)}.card{background:#fff;border:1px solid #dbe4f2;border-radius:16px;box-shadow:0 8px 24px #1232  ;padding:24px}.login .card{width:min(420px,92vw)}.logo{width:52px;height:52px;border-radius:12px;background:#1769e0;color:#fff;display:grid;place-items:center;font-size:28px;font-weight:800}.login h1{margin-bottom:4px}.login p{color:#7285a5;margin-top:0}.login label{display:block;font-weight:600;margin:18px 0 6px}.login input{display:block;width:100%;margin-top:6px;padding:13px;border:1px solid #ccd8ea;border-radius:9px;font-size:16px}button{border:0;border-radius:9px;background:#216cf3;color:#fff;padding:12px 18px;font-weight:700;cursor:pointer}.login button{width:100%;margin-top:20px}button.secondary{background:#eaf1ff;color:#216cf3}.error{color:#d72c48;margin-top:12px}header{height:72px;background:#fff;border-bottom:1px solid #dbe4f2;display:flex;align-items:center;justify-content:space-between;padding:0 28px}header small{display:block;color:#8293af;letter-spacing:1.6px;margin-top:3px}header>div:last-child{display:flex;gap:12px;align-items:center}.pill{padding:7px 12px;border-radius:20px;background:#e5f8ee;color:#16894d;font-weight:700;font-size:13px}nav{background:#12375f;padding:0 28px}nav button{border-radius:0;background:transparent;padding:15px 20px;color:#dceaff}nav button.active{background:#216cf3}main{max-width:1280px;margin:auto;padding:32px}.title{display:flex;justify-content:space-between}.title h1{margin:0}.title p{color:#7285a5}.stats,.modules{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin:24px 0}.stat{border-top:4px solid #216cf3}.stat strong{display:block;font-size:30px;margin-top:10px}.stat small,.module small{color:#7285a5}.module h3{margin:4px 0 18px}.module .bar{height:7px;border-radius:8px;background:#e5ebf5;overflow:hidden}.module .bar i{display:block;width:100%;height:100%;background:#22a465}.table{padding:8px 20px;overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:16px 10px;border-bottom:1px solid #dbe4f2;vertical-align:top}th{font-size:12px;color:#7285a5;text-transform:uppercase}.online{color:#16894d}.offline{color:#d47a00}.app-tag{display:inline-block;background:#edf3ff;color:#245fb9;padding:5px 8px;border-radius:6px;margin:2px;font-size:12px}@media(max-width:700px){main{padding:20px}header{padding:0 14px}.table{padding:4px}th:nth-child(4),td:nth-child(4){display:none}}