:root{--c-graphite:53 53 53;--c-white:255 255 255;--c-black:0 0 0;--c-red:198 48 49;--c-red-700:162 38 39;--c-red-800:128 28 29;--c-red-300:226 142 142;--c-red-100:248 223 223;--c-red-50:252 241 241;--bg:rgb(var(--c-graphite)/0.035);--surface:rgb(var(--c-white));--surface-2:rgb(var(--c-graphite)/0.045);--border:rgb(var(--c-graphite)/0.14);--border-strong:rgb(var(--c-graphite)/0.3);--text:rgb(var(--c-graphite));--text-strong:rgb(var(--c-black));--text-muted:rgb(var(--c-graphite)/0.58);--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-100));--brand-wash:rgb(var(--c-red-50));--ring:rgb(var(--c-red)/0.35);--danger:rgb(var(--c-red-700));--danger-soft:rgb(var(--c-red-100));--radius:14px;--radius-sm:9px;--radius-pill:999px;--shadow-sm:0 1px 2px rgb(var(--c-black)/0.06),0 1px 3px rgb(var(--c-black)/0.04);--shadow-md:0 6px 24px rgb(var(--c-black)/0.08),0 2px 6px rgb(var(--c-black)/0.05);--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(34 139 84);--ok-soft:rgb(34 139 84/0.12);--warn:rgb(176 122 14);--warn-soft:rgb(176 122 14/0.12);--role-admin:rgb(var(--c-red));--role-manager:rgb(108 92 168);--role-mentor:rgb(38 110 160);--role-buddy:rgb(28 140 138);--role-trainee:rgb(176 122 14)}: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)}