/* Account controls stay visible independently of sidebar navigation. */
#app>aside>.brand,#app>aside>.side-foot{flex-shrink:0}
#app>aside>nav{min-height:0;overflow-y:auto;align-content:start}
#app>main>.top{position:sticky;top:0;z-index:15;background:var(--bg);padding:14px 0;border-bottom:1px solid var(--line)}
.account-actions{flex-shrink:0;display:flex;align-items:center;gap:14px}
.account-actions #adminName{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:13px}
#signOutBtn{min-height:44px;min-width:76px;border-color:#b8c7da;color:#334155;background:white}
#signOutBtn:hover{background:#eff6ff;border-color:var(--blue)}
.app.sidebar-collapsed>main>.top{padding-left:84px}
.login{padding:32px 16px;background:radial-gradient(ellipse at top left,#e5efff,transparent 65%),#f7f9fc}
.login-card{width:min(460px,100%);padding:36px;border-radius:20px;border:1px solid #dde5ef;box-shadow:0 16px 48px rgba(24,50,85,.08)}
.login-brand{font-weight:850;color:#2563eb;font-size:24px;margin-bottom:32px;display:flex;align-items:center;gap:12px}
.login-brand span{font-size:13px;color:#64748b;font-weight:650;padding-left:12px;border-left:1px solid #dbe3ee}
.login-card h1{font-size:27px;margin:0 0 10px}
.login-card p{font-size:15px;line-height:1.7;margin-bottom:24px;font-weight:400}
.login-card .btn{width:100%;min-height:48px}
.login-divider{display:flex;align-items:center;gap:12px;margin:24px 0;color:#718096;font-size:13px}
.login-divider:before,.login-divider:after{content:"";height:1px;background:#e2e8f0;flex:1}
#dashboardLoginForm label{display:block;font-size:14px;font-weight:700;margin-bottom:7px}
.login-card input{margin:0 0 18px;min-height:48px;border-color:#cbd5e1}
.login-card input:focus-visible,.login-card button:focus-visible,#signOutBtn:focus-visible{outline:3px solid #bfdbfe;outline-offset:2px;border-color:#2563eb}
.login-back{display:block;text-align:center;color:#64748b;font-size:14px;margin-top:24px;text-decoration:none}
@media(max-width:1100px){#app>main>.top{padding-left:84px}.account-actions #adminName{max-width:180px}}
@media(max-width:650px){#app>main>.top{flex-wrap:wrap;gap:12px}.account-actions{margin-left:auto}.account-actions #adminName{max-width:180px}.login-card{padding:26px}.login-brand{margin-bottom:24px}}
@media print{#app>main>.top{position:static}}