:root{font-family:var(--typography-font-body);color:var(--colors-text-primary);background:var(--colors-canvas-glow-primary),var(--colors-canvas-glow-secondary),var(--colors-canvas-gradient);line-height:1.5;font-weight:400}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100vh}body{background:var(--colors-canvas-glow-primary),var(--colors-canvas-glow-secondary),var(--colors-canvas-gradient);color:var(--colors-text-primary);transition:background var(--layout-transition-base),color var(--layout-transition-base)}button,input{font:inherit}a{color:inherit}#root{min-height:100vh}.screen-shell{display:grid;min-height:100vh;place-items:center;padding:24px}.theme-toolbar{position:fixed;top:24px;right:24px;z-index:2}.screen-card{width:min(760px,100%);padding:36px;border:1px solid var(--colors-border);border-radius:var(--layout-radius-large);background:var(--colors-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--effects-shadow-panel)}.screen-card__header,.page-card__header,.sidebar__brand{display:grid;gap:12px}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.22em;font-size:.78rem;color:var(--colors-text-muted)}.status-pill{justify-self:start;padding:8px 12px;border-radius:var(--layout-radius-pill);background:var(--colors-accent-soft);color:var(--colors-accent-contrast);font-size:.88rem}.screen-card h1,.sidebar__brand h1,.page-hero h2,.page-card h3{margin:0;line-height:.96}.screen-card h1{font-size:clamp(2.6rem,7vw,4.8rem)}.page-hero h2{font-size:clamp(2rem,5vw,3.4rem)}.sidebar__brand h1{font-size:1.4rem}.page-card h3{font-size:1.1rem}.lede,.sidebar__brand p,.page-hero p,.page-card__header p{margin:0;color:var(--colors-text-secondary)}.theme-caption{margin:0;color:var(--colors-text-muted);font-size:.92rem}.error-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:24px;padding:14px 16px;border:1px solid var(--colors-danger);border-radius:var(--layout-radius-small);background:var(--colors-danger-soft)}.auth-form{display:grid;gap:18px;margin-top:28px}.field{display:grid;gap:10px}.field span{color:var(--colors-text-secondary);font-size:.92rem}.field input{min-height:54px;border:1px solid var(--colors-border);border-radius:var(--layout-radius-small);padding:0 16px;background:var(--colors-input);color:var(--colors-text-primary);outline:none}.field input::placeholder{color:var(--colors-text-muted)}.field input:focus{border-color:var(--colors-input-focus);box-shadow:var(--effects-shadow-focus)}.actions,.chip-row{display:flex;flex-wrap:wrap;gap:14px}.primary-button,.ghost-button,.theme-toggle,.filter-chip{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:var(--layout-radius-pill);cursor:pointer;text-decoration:none;transition:transform var(--layout-transition-base),background-color var(--layout-transition-base),border-color var(--layout-transition-base),color var(--layout-transition-base),opacity var(--layout-transition-base)}.primary-button,.ghost-button,.filter-chip{border:0}.primary-button{background:var(--colors-accent);color:var(--colors-accent-contrast);font-weight:700}.ghost-button{background:var(--colors-button-ghost);color:var(--colors-text-primary)}.ghost-button--full{width:100%}.theme-toggle{gap:10px;border:1px solid var(--colors-border);background:var(--colors-surface-raised);color:var(--colors-text-primary);box-shadow:var(--effects-shadow-panel)}.theme-toggle__icon{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--colors-accent-soft);color:var(--colors-accent)}.theme-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.filter-chip{background:var(--colors-button-ghost);color:var(--colors-text-primary)}.filter-chip--active{background:var(--colors-accent);color:var(--colors-accent-contrast)}.primary-button:hover,.ghost-button:hover,.theme-toggle:hover,.filter-chip:hover,.nav-link:hover{transform:translateY(-1px)}.primary-button:hover{background:var(--colors-accent-hover)}.primary-button:disabled,.ghost-button:disabled,.theme-toggle:disabled,.filter-chip:disabled{cursor:not-allowed;opacity:.6;transform:none}.app-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.sidebar{display:grid;grid-template-rows:auto 1fr auto;gap:28px;padding:28px 22px;background:linear-gradient(180deg,#ffffff0a,#ffffff03);border-right:1px solid var(--colors-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.sidebar__nav{display:grid;align-content:start;gap:12px}.nav-link{display:grid;gap:4px;padding:16px 18px;border:1px solid transparent;border-radius:var(--layout-radius-medium);background:var(--colors-surface-subtle);text-decoration:none}.nav-link--active{border-color:var(--colors-border-strong);background:var(--colors-accent-soft)}.nav-link__title{font-weight:700}.nav-link__description{color:var(--colors-text-muted);font-size:.9rem}.sidebar__account{display:grid;gap:14px}.account-chip{display:grid;gap:6px;padding:16px 18px;border-radius:var(--layout-radius-medium);background:var(--colors-surface-subtle)}.account-chip span{color:var(--colors-text-secondary)}.app-main{display:grid;grid-template-rows:auto 1fr;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 28px 0}.route-chip{display:inline-flex;margin-top:8px;padding:10px 14px;border-radius:var(--layout-radius-pill);background:var(--colors-surface-raised);color:var(--colors-text-primary)}.app-content{padding:24px 28px 28px}.page-grid{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.page-hero,.page-card{border:1px solid var(--colors-border);border-radius:var(--layout-radius-large);background:var(--colors-surface);box-shadow:var(--effects-shadow-panel)}.page-hero{grid-column:1 / -1;padding:28px}.page-card{display:grid;gap:18px;padding:24px}.page-card--wide{grid-column:1 / -1}.code-panel,.metric-label{display:inline-flex;align-items:center;min-height:44px;width:fit-content;padding:0 14px;border-radius:var(--layout-radius-small);background:var(--colors-surface-subtle)}.code-panel{font-family:IBM Plex Mono,monospace;font-size:.94rem;white-space:nowrap}.metric-label{font-size:1.2rem;font-weight:700}@media(max-width:960px){.app-shell{grid-template-columns:1fr}.sidebar{grid-template-rows:auto auto auto;border-right:0;border-bottom:1px solid var(--colors-border)}.page-grid{grid-template-columns:1fr}}@media(max-width:640px){.theme-toolbar{top:18px;right:18px}.screen-card,.page-hero,.page-card{padding:24px}.topbar{align-items:start;flex-direction:column}.actions,.chip-row{flex-direction:column}.primary-button,.ghost-button,.theme-toggle,.filter-chip{width:100%}.route-chip,.code-panel{width:100%;white-space:normal}}