.reach-avatar,.sidebar-account-avatar,.account-photo-preview,.member-table-avatar{display:grid;place-items:center;flex:0 0 auto;overflow:hidden;border-radius:50%;background:var(--sage);color:var(--mallard-dark);font-style:normal;font-weight:850}.reach-avatar img,.sidebar-account-avatar img,.account-photo-preview img,.member-table-avatar img{width:100%;height:100%;display:block;object-fit:cover}.avatar-ringed{position:relative;border:0!important;box-shadow:none!important}.avatar-ringed::after{content:"";position:absolute;inset:0;border:1px solid var(--avatar-ring,#1F5E3E);border-radius:inherit;pointer-events:none}
.sidebar-account-button{width:100%;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px!important;border:1px solid rgba(255,255,255,.2)!important;background:rgba(255,255,255,.08)!important;color:#fff!important;text-align:left}.sidebar-account-button:hover{background:rgba(255,255,255,.14)!important}.sidebar-account-button span strong,.sidebar-account-button span small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-account-button span small{margin-top:2px;color:rgba(255,255,255,.68);font-size:11px}.sidebar-account-button i{font-style:normal;color:rgba(255,255,255,.65)}.sidebar-account-avatar{width:42px;height:42px;font-size:11px;border:2px solid rgba(255,255,255,.45)}.account-signout-replaced{display:none!important}
.account-settings-modal{width:min(620px,100%)}.account-profile-panel{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center;padding:18px;border:1px solid var(--border);border-radius:16px;background:var(--sage-2)}.account-profile-panel h3{margin:0 0 4px;font-size:22px}.account-profile-panel p{margin:0 0 10px;color:var(--muted)}.account-photo-button{display:grid;gap:7px;justify-items:center;border:0;background:transparent;color:var(--mallard);font-weight:750;font-size:12px}.account-photo-preview{width:84px;height:84px;box-shadow:0 6px 20px rgba(23,50,71,.14);font-size:22px}.account-setting-section{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start;padding:20px 0;border-bottom:1px solid var(--border)}.account-setting-section h3{margin:0 0 4px}.account-setting-section p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.account-ring-options{display:grid;grid-template-columns:repeat(4,30px);gap:9px;padding:5px}.account-ring-options button{width:30px;height:30px;padding:0;border:3px solid #fff;border-radius:50%;background:var(--ring-choice);box-shadow:0 0 0 1px var(--border)}.account-ring-options button[aria-pressed="true"]{box-shadow:0 0 0 3px var(--ink)}.account-ring-options button:focus-visible{outline:3px solid rgba(13,90,59,.3);outline-offset:3px}.account-theme-options{display:flex;padding:4px;border:1px solid var(--border);border-radius:11px;background:var(--sage-2)}.account-theme-options button{border:0;border-radius:8px;padding:8px 10px;background:transparent;color:var(--muted);font-weight:750}.account-theme-options button[aria-pressed="true"]{background:#fff;color:var(--mallard-dark);box-shadow:0 1px 5px rgba(23,50,71,.1)}.account-shortcuts{display:grid;gap:5px;min-width:190px}.account-shortcuts button{display:flex;justify-content:space-between;gap:18px;padding:9px 10px;border:0;border-radius:9px;background:transparent;color:var(--ink);font-weight:700;text-align:left}.account-shortcuts button:hover{background:var(--sage-2)}.account-actions{display:flex;justify-content:space-between;gap:12px;padding-top:20px}
.account-passkey-section{grid-template-columns:minmax(0,1fr) minmax(210px,260px)}.account-passkey-controls{display:grid;gap:8px}.account-passkey-empty{color:var(--muted);font-size:12px;text-align:right}.account-passkey-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border:1px solid var(--border);border-radius:10px;background:var(--sage-2)}.account-passkey-item span{min-width:0}.account-passkey-item strong,.account-passkey-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-passkey-item strong{font-size:12px}.account-passkey-item small{margin-top:2px;color:var(--muted);font-size:10px}.account-passkey-item button{border:0;background:transparent;color:var(--danger);font-size:11px;font-weight:750}.account-setting-section .account-passkey-message{margin-top:8px;color:var(--mallard);font-weight:700}
.account-email-section{grid-template-columns:minmax(150px,.72fr) minmax(270px,1.28fr)}.account-email-controls{display:grid;gap:10px}.account-email-controls label{display:grid;gap:5px}.account-email-controls label>span{font-size:11px;font-weight:750;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.account-email-controls select,.account-email-controls input{width:100%;min-width:0;padding:10px 11px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--ink);font:inherit}.account-email-controls .btn{justify-self:start}.account-email-status{margin:12px 0 0!important;padding:11px 13px;border-radius:10px;background:#e8f3ec;color:#0d5a3b!important;font-weight:700}.account-email-status.error{background:#fff0ed;color:#9a382a!important}
.member-photo-wrap{display:flex;align-items:center;gap:10px}.member-photo-button{width:42px;height:42px;flex:0 0 auto;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:0 0 0 1px var(--border);overflow:hidden}.member-photo-button:hover{box-shadow:0 0 0 2px var(--mallard)}.member-table-avatar{width:100%;height:100%;font-size:10px}.member-photo-copy{min-width:0}
html[data-theme="dark"]{color-scheme:dark;--cream:#111a18;--white:#17231f;--ink:#eef5f0;--muted:#aebdb7;--border:#34463f;--sage:#29443a;--sage-2:#1d3029;--navy:#0b1714;--shadow:0 10px 30px rgba(0,0,0,.24);--shadow-lg:0 24px 70px rgba(0,0,0,.42)}html[data-theme="dark"] body,html[data-theme="dark"] .main{background:#111a18;color:var(--ink)}html[data-theme="dark"] .card,html[data-theme="dark"] .goal-card,html[data-theme="dark"] .teacher-card,html[data-theme="dark"] .modal,html[data-theme="dark"] .message-row,html[data-theme="dark"] .staff-table td,html[data-theme="dark"] .admin-members-table td,html[data-theme="dark"] .field input,html[data-theme="dark"] .field textarea,html[data-theme="dark"] .field select,html[data-theme="dark"] select{background:#17231f;color:var(--ink)}html[data-theme="dark"] .btn-ghost,html[data-theme="dark"] .icon-btn{background:#17231f;color:var(--ink)}html[data-theme="dark"] .account-theme-options button[aria-pressed="true"]{background:#29443a;color:#fff}html[data-theme="dark"] .message-row.is-unread{background:linear-gradient(135deg,#17231f,#1d3029)}html[data-theme="dark"] .emergent-surface,html[data-theme="dark"] .emergent-drawer{background:#17231f;color:var(--ink)}
@media(max-width:620px){.account-setting-section,.account-passkey-section,.account-email-section{grid-template-columns:1fr}.account-theme-options,.account-shortcuts,.account-passkey-controls,.account-email-controls{width:100%;min-width:0}.account-theme-options button{flex:1}.account-passkey-empty{text-align:left}.account-actions{flex-direction:column}.account-actions .btn{width:100%}}
@media(max-width:900px){.sidebar-footer .sidebar-identity{display:block!important}.sidebar-account-button{width:auto!important;min-width:190px}.sidebar-account-avatar{width:36px;height:36px}}