*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{color:#0f172a;background:#f5f7fb;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}a{color:inherit;text-decoration:none}.shell{min-height:100vh;padding:22px 16px 40px}.container{width:100%;max-width:760px;margin:0 auto}.brand{align-items:center;gap:12px;margin-bottom:22px;display:flex}.brandMark{color:#fff;letter-spacing:-1px;background:#0f172a;border-radius:14px;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.brandTitle{font-size:18px;font-weight:800}.brandSub{color:#64748b;margin-top:3px;font-size:13px}.card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:20px;box-shadow:0 8px 30px #0f172a0f}.grid{gap:16px;display:grid}.title{margin:0;font-size:22px}.muted{color:#64748b;font-size:14px;line-height:1.5}.statusRow{justify-content:space-between;align-items:center;gap:14px;display:flex}.statusBadge{border-radius:999px;align-items:center;gap:8px;padding:8px 11px;font-size:13px;font-weight:800;display:inline-flex}.statusBadge.active{color:#166534;background:#dcfce7}.statusBadge.passive{color:#991b1b;background:#fee2e2}.dot{background:currentColor;border-radius:50%;width:9px;height:9px}.button{cursor:pointer;border:0;border-radius:14px;width:100%;min-height:52px;padding:14px 18px;font-weight:800;transition:all .15s}.button:disabled{opacity:.55;cursor:not-allowed}.buttonPrimary{color:#fff;background:#0f172a}.buttonDanger{color:#fff;background:#dc2626}.buttonSuccess{color:#fff;background:#16a34a}.buttonSoft{color:#3730a3;background:#eef2ff}.buttonGhost{color:#475569;background:#fff;border:1px solid #e2e8f0}.loginWrap{place-items:center;min-height:100vh;padding:20px 16px;display:grid}.loginCard{width:100%;max-width:420px}.field{gap:7px;margin-bottom:14px;display:grid}.label{color:#334155;font-size:13px;font-weight:700}.input{background:#fff;border:1px solid #cbd5e1;border-radius:13px;outline:none;width:100%;min-height:50px;padding:0 14px}.input:focus{border-color:#64748b;box-shadow:0 0 0 3px #e2e8f0}.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-bottom:12px;padding:10px 12px;font-size:13px}.topActions{justify-content:flex-end;margin-bottom:14px;display:flex}.icon{margin-bottom:12px;font-size:30px}.spacer8{height:8px}.spacer12{height:12px}@media (min-width:680px){.shell{padding-top:34px}.dashboardGrid{grid-template-columns:1fr 1fr}.card{padding:24px}}