.profile-page{--profile-accent:var(--color-secondary);text-align:left;flex-direction:column;gap:clamp(1.2rem,3vw,2rem);width:100%;display:flex}.profile-page--student{--profile-accent:#e8a020}.profile-page--professional{--profile-accent:#b589ff}.profile-sync{min-height:2.75rem;color:var(--color-on-surface-variant);font-family:var(--font-mono);justify-content:flex-end;align-items:center;gap:.75rem;font-size:.62rem;display:flex}.profile-sync button{border:1px solid color-mix(in oklch, var(--profile-accent) 35%, transparent);min-height:2.5rem;color:var(--profile-accent);align-items:center;gap:.4rem;padding:0 .75rem;font-size:.65rem;font-weight:800;display:inline-flex}.profile-sync button:disabled{opacity:.55}.profile-sync .material-symbols-outlined{font-size:.95rem}.profile-identity,.profile-section,.profile-account-actions,.profile-loading{border:1px solid color-mix(in oklch, var(--color-outline-variant) 55%, transparent);background:color-mix(in oklch, var(--color-surface) 90%, transparent);border-radius:.85rem}.profile-identity{border-color:color-mix(in oklch, var(--profile-accent) 38%, transparent);grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:clamp(1rem,3vw,1.6rem);display:grid}.profile-avatar{aspect-ratio:1;border:1px solid color-mix(in oklch, var(--profile-accent) 60%, transparent);background:color-mix(in oklch, var(--profile-accent) 16%, var(--color-surface));width:clamp(3.7rem,8vw,5.2rem);color:var(--profile-accent);font-family:var(--font-headline);text-transform:uppercase;place-items:center;font-size:clamp(1.5rem,4vw,2.4rem);font-weight:900;display:grid}.profile-identity__copy p,.profile-section__heading p,.profile-account-actions>div:first-child p{color:var(--profile-accent);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;font-size:.62rem;font-weight:800}.profile-identity__copy h1{color:var(--color-primary);font-family:var(--font-headline);margin-top:.25rem;font-size:clamp(1.3rem,3vw,2.1rem);font-weight:850}.profile-identity__copy span,.profile-plan-stamp p,.profile-metric span,.profile-note,.profile-toggle span{color:var(--color-on-surface-variant);font-size:.68rem;line-height:1.55}.profile-plan-stamp{border-left:1px solid color-mix(in oklch, var(--profile-accent) 30%, transparent);min-width:12rem;padding-left:1rem}.profile-plan-stamp span{color:var(--profile-accent);font-family:var(--font-mono);text-transform:uppercase;font-size:.65rem;font-weight:900}.profile-plan-stamp strong{color:var(--color-primary);margin-top:.35rem;font-size:.78rem;display:block}.profile-plan-stamp p{margin-top:.2rem}.profile-metrics{border-block:1px solid color-mix(in oklch, var(--color-outline-variant) 55%, transparent);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.profile-metric{border-right:1px solid color-mix(in oklch, var(--color-outline-variant) 45%, transparent);min-width:0;padding:clamp(.8rem,2vw,1.2rem)}.profile-metric:last-child{border-right:0}.profile-metric p{color:var(--color-on-surface-variant);text-transform:uppercase;font-size:.62rem}.profile-metric strong{overflow-wrap:anywhere;color:var(--color-primary);font-family:var(--font-headline);margin:.35rem 0;font-size:clamp(1.05rem,2vw,1.55rem);display:block}.profile-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,3vw,1.5rem);display:grid}.profile-section{padding:clamp(1rem,3vw,1.5rem)}.profile-section__heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.2rem;display:flex}.profile-section__heading h2,.profile-account-actions h2{color:var(--color-primary);font-family:var(--font-headline);margin-top:.25rem;font-size:clamp(1rem,2vw,1.35rem);font-weight:800}.profile-section__heading>span{color:var(--profile-accent);text-transform:uppercase;font-size:.65rem;font-weight:800}.profile-quota-line+.profile-quota-line{margin-top:1.2rem}.profile-quota-line>div:first-child{justify-content:space-between;gap:1rem;margin-bottom:.5rem;display:flex}.profile-quota-line strong{color:var(--color-primary);font-size:.75rem}.profile-quota-line span,.profile-quota-line p{color:var(--color-on-surface-variant);font-size:.65rem}.profile-quota-line p{margin-top:.35rem}.profile-progress{background:color-mix(in oklch, var(--color-outline-variant) 30%, transparent);height:.38rem;overflow:hidden}.profile-progress span{background:var(--profile-accent);height:100%;transition:width .4s cubic-bezier(.16,1,.3,1);display:block}.profile-progress.is-unlimited span{opacity:.45}.profile-note{margin-top:1rem}.profile-benefits{flex-direction:column;gap:.75rem;display:flex}.profile-benefits li{color:var(--color-on-surface-variant);align-items:flex-start;gap:.55rem;font-size:.73rem;line-height:1.5;display:flex}.profile-benefits .material-symbols-outlined{color:var(--profile-accent);font-size:1rem}.profile-primary-action{background:var(--color-primary);min-height:2.9rem;color:var(--color-background);align-items:center;gap:.5rem;margin-top:1.2rem;padding:0 1rem;font-size:.72rem;font-weight:850;display:inline-flex}.profile-primary-action .material-symbols-outlined{font-size:1rem}.profile-chart{width:100%;min-height:clamp(16rem,35vw,22rem)}.profile-activity{flex-direction:column;display:flex}.profile-activity>div,.profile-activity>button{text-align:left;border-bottom:1px solid color-mix(in oklch, var(--color-outline-variant) 35%, transparent);grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;width:100%;padding:.75rem 0;display:grid}.profile-activity>div:last-child,.profile-activity>button:last-child{border-bottom:0}.profile-activity .material-symbols-outlined{color:var(--profile-accent);font-size:1rem}.profile-activity strong{color:var(--color-primary);font-size:.72rem}.profile-activity p,.profile-activity time{color:var(--color-on-surface-variant);font-size:.62rem}.profile-toggle{border-bottom:1px solid color-mix(in oklch, var(--color-outline-variant) 35%, transparent);justify-content:space-between;align-items:center;gap:1rem;min-height:4rem;display:flex}.profile-toggle strong{color:var(--color-primary);font-size:.75rem;display:block}.profile-toggle input{width:2.6rem;height:1.35rem;accent-color:var(--profile-accent)}.profile-account-actions{justify-content:space-between;align-items:center;gap:1rem;padding:clamp(1rem,3vw,1.5rem);display:flex}.profile-account-actions>div:last-child{flex-wrap:wrap;justify-content:flex-end;gap:.55rem;display:flex}.profile-account-actions button,.profile-account-actions a{border:1px solid color-mix(in oklch, var(--color-outline-variant) 55%, transparent);min-height:2.75rem;color:var(--color-on-surface-variant);align-items:center;gap:.4rem;padding:0 .8rem;font-size:.68rem;font-weight:750;display:inline-flex}.profile-account-actions button,.profile-account-actions a,.profile-loading button{cursor:pointer}.profile-account-actions .material-symbols-outlined{font-size:.95rem}.profile-account-actions .is-danger{color:var(--color-error)}.profile-loading,.profile-empty{min-height:10rem;color:var(--color-on-surface-variant);text-align:center;align-content:center;place-items:center;gap:.7rem;padding:1rem;font-size:.72rem;display:grid}.profile-loading button{border:1px solid color-mix(in oklch, var(--profile-accent) 55%, transparent);min-height:2.75rem;color:var(--profile-accent);padding:0 1rem;font-weight:800}@media (width<=1024px){.profile-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-metric:nth-child(3){border-right:0}.profile-metric:nth-child(-n+3){border-bottom:1px solid color-mix(in oklch, var(--color-outline-variant) 45%, transparent)}}@media (width<=720px){.profile-identity{grid-template-columns:auto 1fr}.profile-plan-stamp{border-left:0;border-top:1px solid color-mix(in oklch, var(--profile-accent) 30%, transparent);grid-column:1/-1;padding:.85rem 0 0}.profile-columns{grid-template-columns:1fr}.profile-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-metric:nth-child(3){border-right:1px solid color-mix(in oklch, var(--color-outline-variant) 45%, transparent)}.profile-metric:nth-child(2n){border-right:0}.profile-metric:nth-child(-n+4){border-bottom:1px solid color-mix(in oklch, var(--color-outline-variant) 45%, transparent)}.profile-account-actions{flex-direction:column;align-items:stretch}.profile-account-actions>div:last-child{justify-content:stretch}.profile-account-actions button,.profile-account-actions a{flex:calc(50% - .55rem);justify-content:center}}