:root{--color-surface:#f7f9fb;--color-surface-dim:#d8dadc;--color-surface-bright:#f7f9fb;--color-surface-container-lowest:#fff;--color-surface-container-low:#f2f4f6;--color-surface-container:#eceef0;--color-surface-container-high:#e6e8ea;--color-surface-container-highest:#e0e3e5;--color-on-surface:#191c1e;--color-on-surface-variant:#45464d;--color-inverse-surface:#2d3133;--color-inverse-on-surface:#eff1f3;--color-outline:#76777d;--color-outline-variant:#c6c6cd;--color-surface-tint:#565e74;--color-primary:#000;--color-on-primary:#fff;--color-primary-container:#131b2e;--color-on-primary-container:#7c839b;--color-inverse-primary:#bec6e0;--color-secondary:#006c49;--color-on-secondary:#fff;--color-secondary-container:#6cf8bb;--color-on-secondary-container:#00714d;--color-tertiary:#000;--color-on-tertiary:#fff;--color-tertiary-container:#2a1700;--color-on-tertiary-container:#b87500;--color-error:#ba1a1a;--color-on-error:#fff;--color-error-container:#ffdad6;--color-on-error-container:#93000a;--color-primary-fixed:#dae2fd;--color-primary-fixed-dim:#bec6e0;--color-on-primary-fixed:#131b2e;--color-on-primary-fixed-variant:#3f465c;--color-secondary-fixed:#6ffbbe;--color-secondary-fixed-dim:#4edea3;--color-on-secondary-fixed:#002113;--color-on-secondary-fixed-variant:#005236;--color-tertiary-fixed:#ffddb8;--color-tertiary-fixed-dim:#ffb95f;--color-on-tertiary-fixed:#2a1700;--color-on-tertiary-fixed-variant:#653e00;--color-background:#f7f9fb;--color-on-background:#191c1e;--color-surface-variant:#e0e3e5;--font-sans:"Geist", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, Consolas, monospace;--text-headline-xl:600 40px/1.2 var(--font-sans);--text-headline-lg:600 32px/1.25 var(--font-sans);--text-headline-lg-mobile:600 24px/1.3 var(--font-sans);--text-headline-md:500 20px/1.4 var(--font-sans);--text-body-lg:400 16px/1.6 var(--font-sans);--text-body-sm:400 14px/1.5 var(--font-sans);--text-label-mono:500 12px/1.2 var(--font-mono);--text-label-caps:700 11px/1.2 var(--font-sans);--space-unit:4px;--space-gutter:24px;--space-margin-mobile:16px;--space-margin-desktop:48px;--container-max-width:1200px;--radius-sm:.125rem;--radius-default:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-full:9999px;--border-color:#e2e8f0}*,:before,:after{box-sizing:border-box}body{background:var(--color-background);color:var(--color-on-background);font:var(--text-body-lg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}#root{flex-direction:column;min-height:100vh;display:flex}.headline-xl{font:var(--text-headline-xl);letter-spacing:-.02em}.headline-lg{font:var(--text-headline-lg);letter-spacing:-.02em}.headline-md{font:var(--text-headline-md)}.body-lg{font:var(--text-body-lg)}.body-sm{font:var(--text-body-sm)}.label-mono{font:var(--text-label-mono);letter-spacing:.05em;text-transform:uppercase}.label-caps{font:var(--text-label-caps);letter-spacing:.1em;text-transform:uppercase}.app-layout{flex-direction:column;min-height:100vh;display:flex}.nav-bar{padding:var(--space-unit) var(--space-gutter);background:var(--color-surface-container-lowest);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.nav-links a{color:var(--color-on-surface-variant);font:var(--text-label-caps);letter-spacing:.1em;margin-right:24px;text-decoration:none;transition:color .2s}.nav-user{align-items:center;gap:16px;display:flex}.nav-user span{font:var(--text-body-sm);color:var(--color-on-surface-variant)}.page-content{padding:var(--space-margin-desktop);max-width:var(--container-max-width);flex:1;width:100%;margin:0 auto}.btn{border-radius:var(--radius-default);font:var(--text-label-caps);letter-spacing:.1em;cursor:pointer;text-transform:uppercase;justify-content:center;align-items:center;padding:10px 20px;transition:background .2s,border-color .2s;display:inline-flex}.btn-primary{background:var(--color-primary);color:var(--color-on-primary);border:1px solid var(--color-primary)}.btn-primary:hover{background:var(--color-primary-container);border-color:var(--color-primary-container)}.btn-secondary{color:var(--color-on-surface-variant);border:1px solid var(--color-outline-variant);background:0 0}.btn-secondary:hover{background:var(--color-surface-container-low);border-color:var(--color-outline)}.card{background:var(--color-surface-container-lowest);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px}.card+.card{margin-top:16px}.login-container{background:var(--color-surface);justify-content:center;align-items:center;min-height:100vh;display:flex}.dashboard{text-align:center}.dashboard a{color:var(--color-primary);font-weight:500;text-decoration:none}.dashboard a:hover{text-decoration:underline}.profile-card{text-align:center}.profile-card img{border-radius:var(--radius-full);object-fit:cover;border:1px solid var(--border-color);width:100px;height:100px;margin-bottom:16px}.profile-card p{font:var(--text-body-sm);margin:8px 0}.mt-2{margin-top:calc(var(--space-unit) * 2)}.mt-4{margin-top:calc(var(--space-unit) * 4)}.nav-links a{color:var(--color-on-surface-variant);font:var(--text-label-caps);letter-spacing:.1em;border-bottom:2px solid #0000;margin-right:24px;padding-bottom:4px;text-decoration:none;transition:color .2s,border-color .2s}.nav-links a:hover{color:var(--color-primary)}.nav-links a.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}
