:root{--c-white:255 255 255;--c-black:0 0 0;--c-graphite:235 235 235;--c-bg:27 27 27;--c-surface:34 34 34;--c-surface-2:44 44 44;--c-red:224 49 49;--c-red-700:196 40 41;--c-red-800:160 30 31;--c-red-300:226 142 142;--c-red-100:248 223 223;--c-red-50:252 241 241;--bg:rgb(var(--c-bg));--surface:rgb(var(--c-surface));--surface-2:rgb(var(--c-surface-2));--border:rgb(var(--c-white)/0.1);--border-strong:rgb(var(--c-white)/0.22);--text:rgb(var(--c-graphite));--text-strong:rgb(var(--c-white));--text-muted:rgb(var(--c-white)/0.5);--text-on-brand:rgb(var(--c-white));--brand:rgb(var(--c-red));--brand-hover:rgb(var(--c-red-700));--brand-active:rgb(var(--c-red-800));--brand-soft:rgb(var(--c-red)/0.16);--brand-wash:rgb(var(--c-red)/0.08);--ring:rgb(var(--c-red)/0.45);--danger:rgb(var(--c-red));--danger-soft:rgb(var(--c-red)/0.16);--radius:14px;--radius-sm:9px;--radius-pill:999px;--shadow-sm:0 1px 2px rgb(var(--c-black)/0.4),0 1px 3px rgb(var(--c-black)/0.3);--shadow-md:0 6px 24px rgb(var(--c-black)/0.45),0 2px 6px rgb(var(--c-black)/0.35);--header-h:62px;--content-width:780px;--content-width-wide:1080px;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--text-xs:0.78rem;--text-sm:0.88rem;--text-md:1rem;--text-lg:1.2rem;--text-xl:1.5rem;--text-2xl:1.9rem;--z-header:20;--z-dropdown:40;--z-overlay:60;--ok:rgb(63 185 112);--ok-soft:rgb(63 185 112/0.16);--warn:rgb(216 164 62);--warn-soft:rgb(216 164 62/0.16);--role-admin:rgb(var(--c-red));--role-manager:rgb(150 134 214);--role-mentor:rgb(78 158 212);--role-buddy:rgb(56 182 178);--role-trainee:rgb(214 164 62)}:root,[data-role=ADMIN]{--accent:var(--role-admin)}[data-role=MANAGER]{--accent:var(--role-manager)}[data-role=MENTOR]{--accent:var(--role-mentor)}[data-role=BUDDY]{--accent:var(--role-buddy)}[data-role=TRAINEE]{--accent:var(--role-trainee)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{color:var(--text-strong);line-height:1.2;margin:0;letter-spacing:-.01em}h1{font-size:var(--text-2xl);font-weight:700}h2{font-size:var(--text-lg)}h2,h3{font-weight:650}h3{font-size:var(--text-md)}a{color:var(--brand);text-decoration:none}a:hover{color:var(--brand-hover);text-decoration:underline}p{margin:0}.muted{color:var(--text-muted)}