.dashboard-page{background:var(--canvas);min-height:100vh}.dashboard-page .ui-page-main{padding-top:0}.dashboard-main{min-height:100vh}.dashboard-wrap{width:min(920px,100% - 48px);margin:0 auto;padding:clamp(112px,14vh,144px) 0 112px}.dashboard-heading{justify-content:space-between;align-items:end;gap:var(--space-24);margin-bottom:var(--section-content-gap);display:flex}.dashboard-eyebrow{align-items:center;gap:var(--space-8);margin-bottom:var(--space-12);display:inline-flex}.dashboard-heading h1{color:var(--ink);font:var(--subpage-hero-weight) var(--text-subpage-hero)/var(--leading-subpage-hero) var(--heading);letter-spacing:var(--tracking-subpage-hero);margin:0}.dashboard-heading p{color:var(--ink-muted);margin:12px 0 0;font-size:14px;line-height:1.6}.dashboard-signout{height:var(--button-height-small);min-height:var(--button-height-small);align-items:center;gap:var(--space-8);padding:0 var(--space-12);color:var(--ink-muted);border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);font-family:var(--label);font-size:var(--button-text-size-small);font-weight:var(--button-font-weight);display:inline-flex}.dashboard-signout:hover:not(:disabled){color:var(--ink);border-color:var(--line-strong);background:var(--surface-soft)}.dashboard-signout:disabled{cursor:not-allowed;opacity:.55}.dashboard-grid{gap:var(--space-16);display:grid}.dashboard-card{min-height:150px;padding:var(--space-24);border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);box-shadow:var(--shadow-soft)}.dashboard-card-label{color:var(--ink);font:var(--card-heading-weight) var(--text-card-heading)/var(--leading-card-heading) var(--display);letter-spacing:var(--tracking-card-heading);justify-content:space-between;align-items:center;display:flex}.dashboard-card-label>.uikit-icon{color:var(--violet)}.dashboard-plan{align-items:center;gap:var(--space-4);min-height:26px;color:var(--ink-soft);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface-soft);font:600 10px var(--mono);letter-spacing:.04em;text-transform:uppercase;padding:0 9px;display:inline-flex}.dashboard-plan .uikit-icon{color:currentColor}.dashboard-plan--free{color:#4d9c63;border-color:color-mix(in srgb, #4d9c63 22%, var(--line));background:color-mix(in srgb, #4d9c63 8%, var(--surface))}.dashboard-plan--pro{color:var(--violet);border-color:color-mix(in srgb, var(--violet) 24%, var(--line));background:var(--violet-soft)}.dashboard-plan--studio{color:#a32979;border-color:color-mix(in srgb, #a32979 24%, var(--line));background:#fff0fb}.dashboard-plan--trial{color:#287b9b;border-color:color-mix(in srgb, var(--neon-cyan) 34%, var(--line));background:color-mix(in srgb, var(--neon-cyan) 12%, var(--surface))}.dashboard-plan--expired,.dashboard-plan--canceled{color:var(--ink-muted);border-color:var(--line);background:var(--surface-soft)}.dashboard-account-row{align-items:center;gap:var(--space-12);margin-top:var(--space-20);display:flex}.dashboard-avatar{color:#37393e;background:var(--accent);width:40px;height:40px;font:600 20px var(--label);border-radius:50%;place-items:center;display:grid}.dashboard-account-row div,.dashboard-subscription-row>span{gap:4px;min-width:0;display:grid}.dashboard-account-row strong,.dashboard-subscription-row strong{color:var(--ink);font:700 15px var(--label)}.dashboard-account-row>div>span,.dashboard-subscription-row small,.dashboard-help{color:var(--ink-muted);font:11px var(--mono)}.dashboard-stat{margin-top:var(--space-16);color:var(--ink);font:700 38px/1 var(--heading);letter-spacing:-.04em;animation:dashboard-stat-pop .52s var(--spring) both;transform-origin:50% 100%;display:block}.dashboard-help{margin-top:8px;display:block}.dashboard-subscription-row{justify-content:space-between;align-items:end;gap:var(--space-16);margin-top:var(--space-20);display:flex}.dashboard-subscription-row .uikit-button{height:var(--button-height-small);min-height:var(--button-height-small);white-space:nowrap}.dashboard-note{align-items:center;gap:var(--space-8);width:fit-content;max-width:100%;margin:var(--space-24) auto 0;color:var(--ink-soft);padding:0;display:flex}.dashboard-note-icon{width:20px;height:20px;color:var(--violet);flex:0 0 20px;justify-content:center;align-items:center;display:inline-flex}.dashboard-note>span:last-child{align-items:baseline;gap:var(--space-8);flex-wrap:wrap;display:inline-flex}.dashboard-note strong{font:600 12px var(--label)}.dashboard-note small{color:var(--ink-muted);font-size:11px}@media (max-width:700px){.dashboard-wrap{width:min(100% - 32px,520px);padding:92px 0 80px}.dashboard-heading{align-items:start;gap:var(--space-16);flex-direction:column}.dashboard-heading h1{letter-spacing:-2px;font-size:clamp(42px,12vw,58px);line-height:1.05}.dashboard-heading p{font-size:13px}.dashboard-signout{justify-content:center;align-self:stretch}.dashboard-card{min-height:140px;padding:var(--space-20)}.dashboard-subscription-row{flex-direction:column;align-items:stretch}.dashboard-subscription-row .uikit-button{width:100%}}@keyframes dashboard-stat-pop{0%{opacity:0;transform:translateY(10px)scale(.72)}55%{opacity:1;transform:translateY(-4px)scale(1.08)}78%{transform:translateY(1px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.dashboard-stat{animation:none}}.dashboard-signout-toast{z-index:100;color:var(--ink);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-soft);font:600 13px var(--label);border-radius:10px;padding:12px 16px;animation:.28s both dashboard-toast-in;position:fixed;bottom:24px;right:24px}@keyframes dashboard-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dashboard-credits-detail{margin-top:var(--space-16);padding-top:var(--space-16);border-top:1px solid var(--line)}.dashboard-subscription-actions{justify-content:flex-end;gap:var(--space-8);flex-wrap:wrap;display:inline-flex}@media (max-width:700px){.dashboard-subscription-row{flex-wrap:wrap}.dashboard-subscription-actions{justify-content:flex-start}}
