:root{color:#172033;font-synthesis:none;background:#f4f6fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}.boot,.center{color:#647087;place-items:center;min-height:100vh;display:grid}.login{background:#fff;border:1px solid #e2e7f0;border-radius:18px;width:min(410px,100% - 32px);margin:12vh auto;padding:34px;box-shadow:0 18px 60px #24395b18}.brand{align-items:center;gap:12px;margin-bottom:28px;display:flex}.logo{color:#fff;background:#2563eb;border-radius:12px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.login h1{margin:0;font-size:22px}.login p{color:#6b768b;margin:5px 0 0}.field{gap:7px;margin:15px 0;display:grid}.field label{color:#4c586e;font-size:13px;font-weight:600}.field input,.field select{background:#fff;border:1px solid #cfd6e2;border-radius:9px;width:100%;padding:11px 12px}.btn{cursor:pointer;border:0;border-radius:9px;padding:10px 15px;font-weight:650}.btn.primary{color:#fff;background:#2563eb}.btn.secondary{color:#24334d;background:#edf2fa}.btn.danger{color:#a82d2d;background:#feecec}.btn:disabled{opacity:.5}.login .btn{width:100%;margin-top:10px}.error{color:#b52f2f;background:#fff0f0;border-radius:8px;padding:10px;font-size:13px}.shell{grid-template-columns:235px 1fr;min-height:100vh;display:grid}.sidebar{color:#dce5f4;background:#111b2d;flex-direction:column;padding:22px 16px;display:flex}.side-brand{padding:7px 10px 24px;font-size:18px;font-weight:800}.nav{gap:5px;display:grid}.nav button{color:#b9c6da;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:11px 12px}.nav button.active,.nav button:hover{color:#fff;background:#22314a}.account{color:#aebbd0;border-top:1px solid #ffffff1c;margin-top:auto;padding:17px 9px 0;font-size:12px}.account strong{color:#fff;margin-bottom:3px;font-size:13px;display:block}.account button{color:#aebbd0;cursor:pointer;background:0 0;border:0;margin-top:12px;padding:0}.content{padding:28px 34px;overflow:auto}.page-head{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.page-head h1{margin:0;font-size:25px}.page-head p{color:#6d788c;margin:5px 0 0}.card{background:#fff;border:1px solid #e1e6ef;border-radius:14px;margin-bottom:18px;padding:20px}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.group-card{cursor:pointer}.group-card:hover{border-color:#8fb0ed;box-shadow:0 8px 25px #1f4e9a12}.group-card h3{margin:0 0 8px}.muted{color:#738096}.table{border-collapse:collapse;width:100%}.table th{text-align:left;color:#718096;border-bottom:1px solid #e8ecf3;padding:10px;font-size:12px}.table td{border-bottom:1px solid #edf0f5;padding:13px 10px}.badge{color:#2456ad;background:#eaf1ff;border-radius:999px;margin:2px;padding:4px 8px;font-size:12px;display:inline-block}.online{color:#15803d}.offline{color:#7b8495}.toolbar{align-items:center;gap:10px;display:flex}.toolbar select{border:1px solid #d3d9e4;border-radius:8px;padding:9px}.modal-wrap{background:#0b142480;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:min(540px,100%);max-height:90vh;padding:25px;overflow:auto}.modal h2{margin-top:0}.checks{grid-template-columns:1fr 1fr;gap:7px;display:grid}.check{background:#f5f7fb;border-radius:7px;align-items:center;gap:7px;padding:8px;display:flex}.actions{justify-content:flex-end;gap:9px;margin-top:22px;display:flex}.code{color:#dbeafe;word-break:break-all;background:#101827;border-radius:9px;padding:14px;font-family:ui-monospace,monospace;font-size:12px;overflow:auto}#toast{color:#fff;background:#172033;border-radius:9px;padding:12px 16px;display:none;position:fixed;bottom:22px;right:22px}@media (width<=760px){.shell{grid-template-columns:1fr}.sidebar{position:static}.nav{grid-template-columns:repeat(3,1fr)}.account{margin-top:18px}.content{padding:20px}.checks{grid-template-columns:1fr}}