.account-section{gap:var(--spacing-size-12);flex-direction:column;display:flex}.account-section-head{align-items:center;gap:var(--spacing-size-8);display:flex}.account-section-title{color:var(--text-primary);margin:0}.account-muted{color:var(--text-secondary);margin:0}.account-list{gap:var(--spacing-size-12);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.account-invite,.account-plan{gap:var(--spacing-size-8);padding:var(--spacing-size-16);background-color:var(--card-bg-primary);border-radius:var(--radius-size-8);flex-direction:column;display:flex}.account-invite-title,.account-plan-name{color:var(--text-primary);margin:0}.account-invite-actions{gap:var(--spacing-size-8);margin-top:var(--spacing-size-4);display:flex}.account-plan-price{align-items:baseline;gap:var(--spacing-size-4);color:var(--text-primary);display:flex}.account-plan-features{gap:var(--spacing-size-4) var(--spacing-size-12);color:var(--text-secondary);flex-wrap:wrap;display:flex}.account-due-note{padding:var(--spacing-size-12) var(--spacing-size-16);background-color:var(--surface-warning-light);border-radius:var(--radius-size-8);color:var(--text-warning-action);margin:0}.account-page{gap:var(--spacing-size-24);flex-direction:column;width:100%;max-width:900px;margin-inline:auto;display:flex}.account-session{gap:var(--spacing-size-16);padding:var(--spacing-size-16);background-color:var(--card-bg-l1);border-radius:var(--radius-size-8);flex-direction:column;display:flex}.account-session-head{justify-content:space-between;align-items:center;gap:var(--spacing-size-12);flex-wrap:wrap;display:flex}.account-session-info{gap:var(--spacing-size-16);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.account-value-line{align-items:center;gap:var(--spacing-size-8);flex-wrap:wrap;display:inline-flex}.account-welcome{align-items:center;gap:var(--spacing-size-16);display:flex}.account-avatar{object-fit:cover;background-color:var(--surface-brand-action);width:64px;height:64px;color:var(--text-primary-inverted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.account-welcome-text{gap:var(--spacing-size-4);flex-direction:column;min-width:0;display:flex}.account-title,.account-text,.account-code{color:var(--text-primary);overflow-wrap:anywhere;margin:0}.account-error{color:var(--text-error-light);margin:0}.account-success{color:var(--text-success-action);margin:0}.account-actions{align-items:center;gap:var(--spacing-size-8);flex-wrap:wrap;display:flex}.account-portal-grid{gap:var(--spacing-size-16);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.account-portal-grid>li{display:flex}.account-portal-card{align-items:flex-start;gap:var(--spacing-size-16);aspect-ratio:1;width:100%;padding:var(--spacing-size-20);background-color:var(--card-bg-l1);border-radius:var(--radius-size-16);text-align:start;cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border:1px solid #0000;flex-direction:column;flex:1;display:flex}.account-portal-card:hover{border-color:var(--border-brand-light);box-shadow:var(--shadow-sm)}.account-portal-card:focus-visible{outline:2px solid var(--border-brand-light);outline-offset:2px}.account-portal-logo{width:80px;height:80px;padding:var(--spacing-size-8);box-sizing:border-box;background-color:var(--card-bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-size-12);color:var(--text-brand-light);flex-shrink:0;justify-content:center;align-items:center;display:flex}.account-portal-logo img{object-fit:contain;width:100%;height:100%}.account-portal-info{gap:var(--spacing-size-8);flex-direction:column;min-width:0;display:flex}.account-portal-title{-webkit-line-clamp:2;color:var(--text-primary);overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.account-portal-roles{align-items:flex-start;gap:var(--spacing-size-8);flex-direction:column;max-width:100%;margin-top:auto;display:flex}.account-portal-roles .status-tag{overflow-wrap:anywhere;justify-content:flex-start;max-width:100%}@media (max-width:1024px){.account-portal-grid{gap:var(--spacing-size-12);grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:768px){.account-portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-portal-card{padding:var(--spacing-size-16)}.account-portal-logo{width:64px;height:64px}}.account-identity{align-items:center;gap:var(--spacing-size-24);flex-wrap:wrap;display:flex}.account-copied{align-items:center;gap:var(--spacing-size-4);color:var(--text-success-light);display:inline-flex}.account-note-card{padding:var(--spacing-size-16);background-color:var(--card-bg-l1);border-radius:var(--radius-size-8)}.account-row{justify-content:space-between;align-items:center;gap:var(--spacing-size-12);flex-wrap:wrap;display:flex}.account-preferences-field{max-width:360px}.account-modal-body{gap:var(--spacing-size-16);flex-direction:column;width:100%;display:flex}.account-toggle-row{align-items:center;gap:var(--spacing-size-12);min-height:48px;display:flex}@media (max-width:768px){.account-page{gap:var(--spacing-size-16)}}.account-page .account-invite{background-color:var(--card-bg-l1)}.account-google{gap:var(--spacing-size-16);flex-direction:column;display:flex}.account-google-link{align-self:flex-start}.account-dashboard-banner{justify-content:space-between;align-items:center;gap:var(--spacing-size-24);min-height:160px;padding:var(--spacing-size-24);border-radius:var(--radius-size-16);background-color:var(--surface-primary);background-image:url(/images/account-banner.svg), linear-gradient(90deg, var(--surface-primary) 0%, var(--surface-primary) 45%, var(--surface-brand-light) 100%);box-sizing:border-box;background-position:100% 100%;background-repeat:no-repeat;background-size:cover;flex-wrap:nowrap;flex-shrink:0;display:flex}.account-dashboard-greeting{gap:var(--spacing-size-8);flex-direction:column;min-width:0;display:flex}.account-dashboard-id{align-items:center;gap:var(--spacing-size-12);padding:var(--spacing-size-12) var(--spacing-size-16);border-radius:var(--radius-size-12);background-color:var(--surface-primary);box-shadow:var(--card-shadow);flex-shrink:0;display:flex}.account-dashboard-id-logo{background-color:var(--surface-brand-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.account-dashboard-id-logo img{width:26px;height:26px}.account-dashboard-id-text{gap:var(--spacing-size-12);flex-direction:column;display:flex}.account-dashboard-id-text .account-code{margin-top:-.15em;margin-bottom:-.19em;line-height:1}.account-dashboard-stats{gap:var(--spacing-size-16);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.account-dashboard-updates{gap:var(--spacing-size-8);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.account-dashboard-update{padding:var(--spacing-size-12) var(--spacing-size-16);border-radius:var(--radius-size-8);background-color:var(--card-bg-l1);color:var(--text-primary);transition:background-color var(--transition-fast);text-decoration:none;display:block}.account-dashboard-update:hover{background-color:var(--surface-brand-light)}.account-dashboard-notices{gap:var(--spacing-size-8);flex-direction:column;display:flex}.account-dashboard-notice{gap:var(--spacing-size-4);min-width:0;padding:var(--spacing-size-12) var(--spacing-size-16);border-radius:var(--radius-size-8);background-color:var(--card-bg-l1);cursor:pointer;transition:background-color var(--transition-fast);flex-direction:column;display:flex}.account-dashboard-notice:hover{background-color:var(--surface-brand-light)}.account-dashboard-notice-line:before,.account-dashboard-notice-line:after{display:none}.account-dashboard-notice-title,.account-dashboard-notice-body{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.account-dashboard-notice-title{color:var(--text-primary)}.account-dashboard-notice-body,.account-dashboard-notice-meta{color:var(--text-secondary)}.account-dashboard-notice-meta{justify-content:space-between;column-gap:var(--spacing-size-12);flex-wrap:wrap;display:flex}.account-dashboard-notice-institute{color:var(--text-brand-light)}.account-family-institute{align-items:center;gap:var(--spacing-size-12);display:flex}.account-family-institute-logo{border-radius:var(--radius-size-8);object-fit:cover;background-color:var(--surface-brand-action);width:56px;height:56px;color:var(--text-primary-inverted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.account-family-dues{color:var(--text-brand-light);align-self:flex-start;text-decoration:none}.account-family-institute-name{gap:var(--spacing-size-4);flex-direction:column;min-width:0;display:flex}@media (max-width:1024px){.account-dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.account-dashboard-banner{padding:var(--spacing-size-16);flex-wrap:wrap}.account-dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.account-dashboard-stats .kpi-card.layout-horizontal{align-items:flex-start;gap:var(--spacing-size-12);padding:var(--spacing-size-16);flex-direction:column}}.bottom-nav.account-bottom-nav{display:none}@media (max-width:768px){.bottom-nav.account-bottom-nav{z-index:var(--z-index-sticky);display:flex;position:fixed;bottom:0;left:0;right:0}.portal-layout-container:has(.account-bottom-nav) .portal-workspace{padding-bottom:calc(var(--spacing-size-16) + 64px + env(safe-area-inset-bottom))}}@media (max-width:480px){.portal-layout-container:has(.account-bottom-nav) .portal-workspace{padding-bottom:calc(var(--spacing-size-12) + 64px + env(safe-area-inset-bottom))}}