.auth-isolated-body{min-height:100vh;min-height:-webkit-fill-available;min-height:100dvh;display:-webkit-box;display:-webkit-flex;display:flex;align-items:center;justify-content:center;background:var(--m3-surface);padding:24px;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom));-webkit-text-size-adjust:100%}@supports (-webkit-touch-callout: none){.auth-isolated-body{min-height:-webkit-fill-available}}.auth-isolated-body *{-webkit-font-smoothing:antialiased}.auth-emblem-wrap{display:-webkit-box;display:-webkit-flex;display:flex;align-items:center;justify-content:center;-webkit-flex-shrink:0;flex-shrink:0}.auth-emblem-svg{width:52px;height:52px;min-width:52px;min-height:52px;display:block;-webkit-flex-shrink:0;flex-shrink:0}.auth-isolated-wrap{width:100%;max-width:520px}.auth-isolated-card{background:var(--m3-surface-container);border:1px solid var(--m3-outline-variant);border-radius:var(--radius-lg);padding:28px}.auth-isolated-head{text-align:center;margin-bottom:18px}.auth-isolated-head h1{font-family:Tajawal,sans-serif;font-size:1.35rem;margin:10px 0 4px;color:var(--m3-on-surface)}.auth-isolated-head p{color:var(--m3-on-surface-variant);font-size:.85rem;margin:0}.auth-isolated-tabs{display:-webkit-box;display:-webkit-flex;display:flex;gap:8px;margin-bottom:18px}@supports not (gap: 8px){.auth-isolated-tabs{gap:0}.auth-isolated-tabs .auth-tab+.auth-tab{margin-right:8px}}.auth-isolated-tabs .auth-tab{flex:1;text-align:center;padding:10px;border:1px solid var(--m3-outline-variant);text-decoration:none;color:var(--m3-on-surface-variant);background:var(--m3-surface-container-high);border-radius:var(--radius-sm);font-weight:700;font-size:.85rem}.auth-isolated-tabs .auth-tab.active{background:var(--m3-primary);color:var(--m3-on-primary);border-color:var(--m3-primary)}.auth-isolated-card .auth-footer-notice{margin-top:14px;text-align:center}.auth-theme-toggle{position:fixed;top:16px;inset-inline-start:16px;z-index:60;box-shadow:0 6px 20px #00000059}body.light-theme .auth-theme-toggle,[data-theme=light] .auth-theme-toggle{box-shadow:0 6px 20px #0f172a29}@media(max-width:640px){.auth-theme-toggle{top:12px;inset-inline-start:12px;min-width:44px;min-height:44px;padding:8px}.auth-theme-toggle span{display:none}}