.auth-pending > aside,
.auth-pending > .main,
.auth-pending > .overlay,
.auth-logged-out > aside,
.auth-logged-out > .main,
.auth-logged-out > .overlay{display:none!important}
.login-screen{min-height:100vh;display:grid;grid-template-columns:minmax(320px,1.15fr) minmax(420px,.85fr);background:#f3f6f9}
.login-story{padding:72px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#10263b,#173d4c 62%,#176e68);color:#fff;position:relative;overflow:hidden}
.login-story:after{content:"";position:absolute;width:520px;height:520px;border:1px solid #ffffff18;border-radius:50%;right:-180px;bottom:-210px;box-shadow:0 0 0 70px #ffffff08,0 0 0 150px #ffffff05}
.login-brand{display:flex;gap:14px;align-items:center;font-size:22px;font-weight:700;letter-spacing:1px;position:relative;z-index:1}
.login-brand .logo{background:#ffffff18;color:#78efd5}
.login-copy{position:relative;z-index:1;max-width:610px}
.login-copy h1{font-size:44px;line-height:1.25;color:#fff;margin-bottom:18px}
.login-copy p{font-size:17px;color:#c8d8e0;max-width:510px}
.login-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:35px}
.login-point{padding:17px;border:1px solid #ffffff20;border-radius:10px;background:#ffffff0a;font-size:14px;color:#d6e3e7}
.login-foot{position:relative;z-index:1;color:#96b0bc;font-size:12px}
.login-panel{display:grid;place-items:center;padding:50px;background:#fff}
.login-card{width:min(390px,100%)}
.login-card h2{font-size:29px;margin:0 0 7px}
.login-card .sub{margin-bottom:30px}
.form-field{display:block;margin:18px 0}
.form-field > span{display:block;font-size:13px;color:#546a7b;margin-bottom:6px;font-weight:600}
.form-field input,.form-field select{min-height:46px}
.login-card .button.primary{width:100%;min-height:46px;margin-top:8px}
.form-error{padding:10px 12px;margin:15px 0;background:#ffeded;border:1px solid #f3caca;color:#a44343;border-radius:7px;font-size:13px}
.security-note{display:flex;gap:9px;align-items:flex-start;color:#7a8c99;font-size:12px;margin-top:20px;padding-top:18px;border-top:1px solid #edf1f4}
.account-actions{display:flex;align-items:center;gap:9px}
.profile-button{border:0;background:transparent;display:flex;gap:10px;align-items:center;text-align:left;border-radius:8px;padding:4px 7px}
.profile-button:hover{background:#f0f5f6}
.logout-button{border:1px solid #dae3e9;background:#fff;border-radius:7px;padding:7px 11px;color:#526a7b}
.logout-button:hover{background:#f3f7f8}
.settings-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}
.settings-tab{border:1px solid #dbe4e9;background:#fff;border-radius:7px;padding:8px 14px}
.settings-tab.active{border-color:#8ec8bd;background:#e5f3ef;color:#08736c}
.admin-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}
.role-list{display:flex;flex-wrap:wrap;gap:5px}
.role-pill{font-size:11px;padding:2px 7px;border-radius:999px;background:#e8f2f0;color:#276c66}
.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#34a878;margin-right:6px}
.status-dot.off{background:#aab5bd}
.modal-form{display:grid;gap:15px}
.modal-form .form-field{margin:0}
.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.check-card{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #dce5ea;border-radius:7px;font-size:14px}
.check-card input{width:auto;margin:0}
.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:6px;padding-top:15px;border-top:1px solid #e7edf1}
.permission-group{border:1px solid #e2e9ed;border-radius:9px;margin:12px 0;overflow:hidden}
.permission-group h3{padding:10px 13px;background:#f7f9fb;border-bottom:1px solid #e2e9ed;font-size:14px}
.permission-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.permission-item{display:flex;gap:9px;align-items:center;padding:10px 13px;border-bottom:1px solid #edf1f4;font-size:13px}
.permission-item input{width:auto;margin:0}
.credential-box{padding:18px;background:#f2f7f6;border:1px solid #cfe2de;border-radius:9px;margin:17px 0}
.credential-box code{display:block;font:600 16px/1.5 Consolas,monospace;color:#174d49;word-break:break-all;margin-top:7px}
.audit-details{max-width:340px;white-space:normal;color:#657888;font-size:12px}
.forced-password .panelhead .link{display:none}
.access-denied{padding:50px;text-align:center;color:#677c8d}
.access-denied h2{color:#324b60;margin-bottom:8px}
.password-hint{font-size:12px;color:#758896;margin-top:5px}
.loading-panel{padding:45px;text-align:center;color:#718594}
@media(max-width:850px){.login-screen{grid-template-columns:1fr}.login-story{padding:28px 25px;min-height:230px}.login-copy h1{font-size:30px;margin-top:35px}.login-copy p,.login-points,.login-foot{display:none}.login-panel{padding:35px 22px}.account-actions .userlabel{display:none}.check-grid,.permission-items{grid-template-columns:1fr}.admin-tools{align-items:flex-start;flex-direction:column}.audit-details{max-width:220px}.profile .preview{display:none}}