.loginGate{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:linear-gradient(135deg,#050b15ee,#0c2c66ee),url('assets/advanced-axis-logo.jpg') center/cover}.loginGate form{width:min(390px,calc(100% - 32px));background:#fff;border-radius:18px;padding:32px;box-shadow:0 30px 90px #0007;font-family:Arial,sans-serif}.gateLogo{width:58px;height:58px;display:grid;place-items:center;border-radius:13px;background:#1768ff;color:#fff;font-weight:900;font-size:20px}.loginGate h2{margin:17px 0 4px}.loginGate p{color:#748196;font-size:12px}.loginGate label,.userManager label{display:grid;gap:6px;margin:12px 0;font-size:10px;font-weight:700;color:#506078}.loginGate input,.userManager input,.userManager select{border:1px solid #dce3ed;border-radius:7px;padding:11px;background:#fff}.loginGate button,.userManager button{border:0;border-radius:7px;padding:11px 15px;background:#1768ff;color:#fff;font-weight:700}.loginGate form>button{width:100%;margin-top:8px}.loginGate small,#userMessage{display:block;color:#c43d4b;margin-top:10px}.classPlaceholder{width:100%;display:flex;justify-content:space-between;border:1px solid #e2e7ef;background:#f8fafd;border-radius:7px;padding:10px;text-align:left}.classPlaceholder small{color:#9a6a1e}.userManager{text-align:left}.userManager>header{display:flex;justify-content:space-between;align-items:center}.userManager header h2{margin:0}.userManager header p{margin:4px 0;color:#748196}.userManager form{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#f6f8fb;border-radius:10px;padding:17px;margin:18px 0}.userManager form label{margin:0}.userManager form>button{align-self:end}.userManager #userList article{display:grid;grid-template-columns:1fr 140px 80px;align-items:center;border-bottom:1px solid #e6ebf2;padding:12px}.userManager article b{font-size:12px}.userManager article span,.userManager article em{font-size:10px;text-transform:capitalize;font-style:normal;color:#6c7a8e}@media(max-width:650px){.userManager form{grid-template-columns:1fr}.userManager #userList article{grid-template-columns:1fr 90px}}
