[hidden], .hidden { display: none !important; }
.portal-badge { display: inline-block; border-radius: 6px; background: #edf3fb; color: #304e75; padding: 6px 9px; font: 600 10px/1.5 sans-serif; letter-spacing: .08em; }
.portal-help { font-size: 12px; color: #64748b; line-height: 1.65; margin: 8px 0 15px; }
.portal-identity { overflow-wrap: anywhere; }
.portal-links { display: flex; flex-wrap: wrap; gap: 12px 18px; margin-top: 24px; font-size: 12px; color: #526581; }
.portal-links a, .portal-links button { text-decoration: underline; text-underline-offset: 3px; }
.portal-sidebar-links { margin: 18px 0 30px; }
#login-view { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 28px 18px; background: #f5f7fa; }
.portal-login-card { width: min(100%, 460px); padding: clamp(26px, 6vw, 48px); border-radius: 16px; border: 1px solid #e2e8f0; box-shadow: 0 18px 60px #18273c0d; background: white; }
#portal-login-title { font: 600 26px/1.3 'Plus Jakarta Sans', sans-serif; margin-bottom: 14px; }
#portal-login-description { line-height: 1.7; }
#admin-login-form { display: flex; flex-direction: column; gap: 22px; margin-top: 28px; }
#admin-login-form label { display: block; margin-bottom: 8px; font-size: 12px; }
#admin-login-form input { width: 100%; border: 1px solid #cbd5e1; padding: 12px; border-radius: 7px; background: white; }
#login-submit-btn { width: 100%; border-radius: 7px; padding: 14px; background: #2c3e50; color: white; }
#login-error { background: #fef2f2; border: 1px solid #fecaca; color: #991b1b; padding: 12px; border-radius: 7px; margin-top: 20px; }
#admin-login-form :focus-visible, .portal-links :focus-visible { outline: 3px solid #71a3dd; outline-offset: 3px; }