:root{color:#172033;background:#f5f7fb;font-family:Inter,Segoe UI,Arial,sans-serif}body{margin:0}.loginBg{background:linear-gradient(135deg,#102542,#0f766e);place-items:center;min-height:100vh;display:grid}.loginCard{background:#fff;border-radius:20px;width:380px;padding:32px;box-shadow:0 20px 60px #0004}.loginCard h1{margin:0 0 4px}.loginCard p{color:#64748b;margin-bottom:24px}label{color:#475569;margin:8px 0 6px;font-size:13px;display:block}input,select{box-sizing:border-box;border:1px solid #d7dde8;border-radius:10px;width:100%;padding:11px 12px}button{color:#fff;cursor:pointer;background:#0f766e;border:0;border-radius:10px;margin-top:12px;padding:11px 16px;font-weight:700}button:hover{filter:brightness(.95)}.error{color:#991b1b;background:#fee2e2;border-radius:10px;margin-top:12px;padding:10px}.success{color:#166534;background:#dcfce7;border-radius:10px;margin-top:12px;padding:10px}.shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}aside{color:#fff;background:#102542;padding:24px}aside h2{margin-bottom:0}aside p{color:#a7b3c7;margin-top:4px}aside a{color:#e5edf7;border-radius:10px;margin:6px 0;padding:12px;text-decoration:none;display:block}aside a:hover{background:#1f3b61}aside button{background:#ef4444;width:100%}main{padding:28px;overflow:auto}h1{margin-top:0}.cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.card,.panel{background:#fff;border-radius:16px;padding:18px;box-shadow:0 4px 18px #15213a12}.card span{color:#64748b;text-transform:capitalize;display:block}.card strong{margin-top:8px;font-size:34px;display:block}.grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;gap:12px;margin-bottom:18px;display:grid}.tableWrap{background:#fff;border-radius:16px;overflow:auto;box-shadow:0 4px 18px #15213a12}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #eef2f7;padding:12px}th{color:#475569;background:#f8fafc}.empty{color:#64748b;background:#fff;border-radius:16px;padding:24px}.twofa{gap:12px;max-width:420px;margin-top:16px;display:grid}@media (width<=800px){.shell{grid-template-columns:1fr}aside{position:static}}.secretText{word-break:break-all;font-size:12px}.badge{border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700;display:inline-block}.badge.active{color:#166534;background:#dcfce7}.badge.inactive{color:#991b1b;background:#fee2e2}.actions{align-items:center;gap:8px;display:flex}.smallBtn{border-radius:8px;margin-top:0;padding:7px 10px;font-size:12px}.smallBtn.warning{color:#111827;background:#f59e0b}.smallBtn.danger{background:#dc2626}button:disabled{opacity:.6;cursor:not-allowed}.navBtn{text-align:left;color:#e5edf7;background:0 0;border-radius:10px;width:100%;margin:6px 0;padding:12px;text-decoration:none;display:block}.navBtn:hover{filter:none;background:#1f3b61}.activeNavBtn{color:#fff;background:#0f766e}.logoutBtn{background:#ef4444;width:100%}.userBadge{color:#dbeafe;background:#1f3b61;border-radius:10px;padding:10px;font-size:12px;line-height:1.35}.mutedText{color:#64748b;font-size:13px}.editPanel{border:1px solid #dbeafe;margin:16px 0}.smallBtn.muted,.muted{color:#fff;background:#64748b}.actions{flex-wrap:wrap}