.auth-accounts{--pc-management:#427a62;--pc-family:#b0731f;--pc-teaching:#4f7790}.dark .auth-accounts{--pc-management:#8cbaa1;--pc-family:#e0b06a;--pc-teaching:#93b8cf}.auth-account-row[data-portal=management]{--pc:var(--pc-management)}.auth-account-row[data-portal=family]{--pc:var(--pc-family)}.auth-account-row[data-portal=teaching]{--pc:var(--pc-teaching)}.auth-account-row[data-portal]{position:relative;overflow:hidden;border-color:color-mix(in srgb,var(--pc) 32%,var(--border));background:color-mix(in srgb,var(--pc) 8%,var(--surface))}.auth-account-row[data-portal]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--pc)}.auth-account-row[data-portal]:focus-within,.auth-account-row[data-portal]:hover{border-color:var(--pc);background:color-mix(in srgb,var(--pc) 13%,var(--surface))}.auth-account-row[data-portal] .auth-account-pick{padding-left:16px}.auth-account-row .auth-account-avatar{width:48px;height:48px;border-radius:50%}.auth-account-row[data-portal] .auth-account-avatar{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--pc);background:color-mix(in srgb,var(--pc) 18%,var(--surface));color:var(--pc);font-weight:700}.auth-account-row[data-portal] .auth-account-method{color:var(--pc);border-color:color-mix(in srgb,var(--pc) 35%,var(--border))}.auth-account-portal{justify-self:start;margin-top:4px;padding:0 8px;border-radius:999px;font-style:normal;font-size:10px;font-weight:700;line-height:17px;letter-spacing:.01em;white-space:nowrap;color:var(--pc);background:color-mix(in srgb,var(--pc) 14%,var(--surface));border:1px solid color-mix(in srgb,var(--pc) 30%,transparent)}.auth-accounts-search{margin-bottom:12px}.auth-accounts-scroll{display:grid;gap:14px}.auth-accounts-scroll.is-compact{max-height:min(46dvh,400px);overflow-y:auto;padding:2px 4px 18px 0;margin-right:-4px;overscroll-behavior:contain;scrollbar-width:thin;-webkit-mask-image:linear-gradient(#000 calc(100% - 22px),transparent);mask-image:linear-gradient(#000 calc(100% - 22px),transparent)}.auth-accounts-scroll:focus-visible{outline:2px solid var(--bronze);outline-offset:2px;border-radius:12px}.auth-account-group{display:grid;gap:8px}.auth-account-group-title{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:8px;margin:0;padding:4px 2px;font-size:12px;font-weight:700;color:var(--pc-group,var(--muted));background:var(--surface)}.auth-account-group-title:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--pc-group,var(--muted))}.auth-account-group-title small{padding:0 7px;border-radius:999px;font-size:11px;font-weight:650;color:var(--pc-group,var(--muted));background:color-mix(in srgb,var(--pc-group,var(--muted)) 14%,var(--surface))}.auth-account-group[data-portal=management]{--pc-group:var(--pc-management,#427a62)}.auth-account-group[data-portal=family]{--pc-group:var(--pc-family,#b0731f)}.auth-account-group[data-portal=teaching]{--pc-group:var(--pc-teaching,#4f7790)}.auth-accounts-scroll.is-compact .auth-account-pick{min-height:58px;padding-block:8px}.auth-accounts-scroll.is-compact .auth-account-row .auth-account-avatar{width:40px;height:40px;font-size:13px}.auth-accounts-add{margin-top:12px}.auth-accounts-empty{margin:0;padding:18px 8px;text-align:center;font-size:13px;color:var(--muted)}.profile-dropdown-section{--pc-management:#427a62;--pc-family:#b0731f;--pc-teaching:#4f7790}.dark .profile-dropdown-section{--pc-management:#8cbaa1;--pc-family:#e0b06a;--pc-teaching:#93b8cf}.profile-accounts .profile-switch-option[data-portal=management]{--pc:var(--pc-management)}.profile-accounts .profile-switch-option[data-portal=family]{--pc:var(--pc-family)}.profile-accounts .profile-switch-option[data-portal=teaching]{--pc:var(--pc-teaching)}.profile-accounts .profile-switch-option[data-portal] .avatar{box-shadow:0 0 0 2px var(--surface),0 0 0 3.5px var(--pc)}.profile-accounts .auth-account-portal{display:inline-block;margin-top:3px}.auth-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.auth-links[data-single]{grid-template-columns:1fr}.auth-links .text-button{justify-content:center;gap:8px;min-height:46px;margin:0;padding:0 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-soft);color:var(--brand);font-size:13px;font-weight:650;text-align:center;line-height:1.25;transition:border-color .18s,background-color .18s,transform .12s}.auth-links .text-button svg{flex:none;color:var(--bronze)}.auth-links .text-button:hover{border-color:var(--bronze);background:var(--surface)}.auth-links .text-button:active{transform:scale(.98)}.auth-links .text-button:focus-visible{outline:2px solid var(--bronze);outline-offset:2px}.auth-links .auth-forgot{background:transparent}@media (max-width:360px){.auth-links{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.auth-links .text-button{transition:none}}.auth-loading{display:grid;gap:12px}.auth-loading-bar,.auth-loading-row{display:block;border-radius:10px;background:var(--surface-soft);animation:auth-loading-pulse 1.4s ease-in-out infinite}.auth-loading-title{height:34px;width:70%}.auth-loading-bar{height:16px;width:55%}.auth-loading-row{height:68px;border-radius:14px;margin-top:4px}@keyframes auth-loading-pulse{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.auth-loading-bar,.auth-loading-row{animation:none}}.profile-accounts .profile-switch-option[data-pending]{background:color-mix(in srgb,var(--brand,#25463f) 10%,transparent);animation:switch-pending 1.1s ease-in-out infinite}.profile-accounts:has([data-pending]) .profile-switch-option:not([data-pending]){opacity:.45;transition:opacity .2s}@keyframes switch-pending{0%,to{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--brand,#25463f) 25%,transparent)}50%{box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--brand,#25463f) 70%,transparent)}}@media (prefers-reduced-motion:reduce){.profile-accounts .profile-switch-option[data-pending]{animation:none}}