@font-face{font-family:Satoshi;src:url(/fonts/satoshi-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/satoshi-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/satoshi-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/satoshi-900.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}:root{--paper: #f6f9fc;--paper-raised: #ffffff;--paper-raised-rgb: 255, 255, 255;--ink: #0a2540;--ink-soft: #425466;--line: #e3e8ee;--accent: #635bff;--accent-light: #7d77ff;--accent-hover: #524bea;--accent-soft: #edecff;--accent-shadow: rgba(99, 91, 255, .38);--commun: #0570de;--commun-soft: #e6f0fd;--personnel: #d97e0e;--personnel-soft: #fdf0dc;--success: #24b47e;--success-light: #34c98f;--success-soft: #e3f8ef;--success-shadow: rgba(36, 180, 126, .38);--danger: #df1b41;--danger-soft: #fce4e9;--shadow-sm: 0 2px 5px -1px rgba(50, 50, 93, .09), 0 1px 3px -1px rgba(10, 37, 64, .08);--shadow-md: 0 8px 20px -4px rgba(50, 50, 93, .16), 0 4px 8px -3px rgba(10, 37, 64, .1);--font-display: "Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", "Roboto Mono", monospace}@media(prefers-color-scheme:dark){:root{--paper: #0a0e1a;--paper-raised: #131a2b;--paper-raised-rgb: 19, 26, 43;--ink: #f0f4f8;--ink-soft: #a3aec2;--line: #232b41;--accent: #8a85ff;--accent-light: #a09bff;--accent-hover: #a09bff;--accent-soft: #1c1a3a;--accent-shadow: rgba(138, 133, 255, .3);--commun: #4da3f0;--commun-soft: #142943;--personnel: #f0ad4d;--personnel-soft: #3a2c12;--success: #3ddc9a;--success-light: #5be3ac;--success-soft: #103622;--success-shadow: rgba(61, 220, 154, .28);--danger: #ff6b87;--danger-soft: #3a1420;--shadow-sm: 0 2px 6px rgba(0, 0, 0, .35);--shadow-md: 0 10px 24px rgba(0, 0, 0, .45)}}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn{appearance:none;border:none;border-radius:10px;font-family:var(--font-body);font-weight:600;font-size:.88rem;letter-spacing:-.005em;padding:11px 18px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.btn:disabled{opacity:.5;cursor:default;box-shadow:none!important;transform:none!important}.btn:not(:disabled):active{transform:translateY(1px)}.btn--primary{background:linear-gradient(180deg,var(--accent-light),var(--accent));color:#fff;box-shadow:0 1px 2px #0a254024,0 4px 10px -2px var(--accent-shadow)}.btn--primary:not(:disabled):hover{background:var(--accent-hover);box-shadow:0 2px 4px #0a254029,0 6px 16px -2px var(--accent-shadow);transform:translateY(-1px)}.btn--success{background:linear-gradient(180deg,var(--success-light),var(--success));color:#fff;box-shadow:0 1px 2px #0a254024,0 4px 10px -2px var(--success-shadow)}.btn--success:not(:disabled):hover{box-shadow:0 2px 4px #0a254029,0 6px 16px -2px var(--success-shadow);transform:translateY(-1px)}.btn--ghost{background:var(--paper-raised);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.btn--ghost:not(:disabled):hover{box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent)}.btn--ghost-danger{background:transparent;color:var(--danger);box-shadow:inset 0 0 0 1px var(--line)}.btn--ghost-danger:not(:disabled):hover{background:var(--danger-soft);box-shadow:inset 0 0 0 1px var(--danger)}.btn--compact{padding:7px 14px;font-size:.78rem;border-radius:8px}.btn--icon{appearance:none;border:none;width:32px;height:32px;border-radius:50%;background:var(--paper-raised);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);font-size:1.1rem;line-height:1;cursor:pointer;transition:box-shadow .12s ease,color .12s ease}.btn--icon:disabled{opacity:.35;cursor:default}.btn--icon:not(:disabled):hover{box-shadow:inset 0 0 0 1.5px var(--accent);color:var(--accent)}
