:root{--sj-indigo:#4942ca;--sj-navy:#11133c;--sj-yellow:#ffb700;--sj-indigo-700:#2e2986;--sj-indigo-600:#3a34a8;--sj-indigo-500:#4942ca;--sj-indigo-300:#91abff;--sj-indigo-200:#c6d3ff;--sj-indigo-100:#d9e2ff;--sj-indigo-50:#f3f6ff;--sj-yellow-600:#e0a000;--sj-yellow-500:#ffb700;--sj-yellow-100:#ffedbe;--sj-grenade:#962037;--sj-kiwi:#c9e237;--sj-pasteque:#ff595b;--sj-raisin:#af87f3;--sj-orange:#ff8710;--sj-fraise:#fabdd0;--sj-ananas:#fcd222;--sj-autre:#080c74;--sj-white:#fff;--sj-grey-50:#f6f7fb;--sj-grey-100:#edeff7;--sj-grey-200:#dce0ec;--sj-grey-300:#c2c7da;--sj-grey-400:#9aa0bd;--sj-grey-500:#6e7396;--sj-grey-600:#4c5176;--sj-grey-700:#2c3057;--sj-grey-900:#11133c;--color-bg:var(--sj-white);--color-bg-wash:var(--sj-indigo-50);--color-surface:var(--sj-white);--color-surface-subtle:var(--sj-indigo-50);--color-surface-inverse:var(--sj-navy);--text-strong:var(--sj-navy);--text-body:#34385c;--text-muted:var(--sj-grey-500);--text-on-dark:var(--sj-white);--text-on-brand:var(--sj-white);--text-link:var(--sj-indigo);--brand-primary:var(--sj-indigo);--brand-primary-hover:var(--sj-indigo-600);--brand-primary-press:var(--sj-indigo-700);--brand-accent:var(--sj-yellow);--brand-accent-hover:var(--sj-yellow-600);--border-subtle:var(--sj-grey-200);--border-default:var(--sj-indigo-100);--border-strong:var(--sj-indigo-300);--focus-ring:var(--sj-indigo-300);--color-success:#1f9d6b;--color-success-bg:#def6ec;--color-warning:var(--sj-orange);--color-warning-bg:#ffe7d2;--color-danger:var(--sj-pasteque);--color-danger-bg:#ffe0e1;--color-info:var(--sj-indigo);--color-info-bg:var(--sj-indigo-100);--fam-projet:#080c74;--fam-campagne:#4942ca;--fam-fiche:#8257e6;--fam-setup:#e0730a;--fam-note:#9aa0bd;--content-qp:#0e7c86;--content-fanout:#8a2d5c}
:root{--font-display:"Onest", system-ui, -apple-system, "Segoe UI", sans-serif;--font-sans:"DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"DM Mono", ui-monospace, "SF Mono", Menlo, monospace;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--fs-display:4rem;--fs-h1:3rem;--fs-h2:2.25rem;--fs-h3:1.75rem;--fs-h4:1.375rem;--fs-h5:1.125rem;--fs-body-lg:1.125rem;--fs-body:1rem;--fs-body-sm:.875rem;--fs-caption:.8125rem;--fs-overline:.8125rem;--lh-tight:1.05;--lh-snug:1.2;--lh-normal:1.5;--lh-relaxed:1.65;--ls-tight:-.02em;--ls-normal:0;--ls-overline:.14em}.sj-overline{font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-overline);letter-spacing:var(--ls-overline);text-transform:uppercase;color:var(--brand-primary)}.sj-display{font-family:var(--font-display);font-weight:var(--fw-extrabold);font-size:var(--fs-display);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);color:var(--text-strong)}.sj-h1{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-h1);line-height:var(--lh-snug);letter-spacing:var(--ls-tight);color:var(--text-strong)}.sj-h2{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-h2);line-height:var(--lh-snug);letter-spacing:var(--ls-tight);color:var(--text-strong)}.sj-h3{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-h3);line-height:var(--lh-snug);color:var(--text-strong)}.sj-body{font-family:var(--font-sans);font-weight:var(--fw-regular);font-size:var(--fs-body);line-height:var(--lh-relaxed);color:var(--text-body)}.sj-body-lg{font-family:var(--font-sans);font-weight:var(--fw-regular);font-size:var(--fs-body-lg);line-height:var(--lh-relaxed);color:var(--text-body)}
:root{--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--container-max:1200px;--container-pad:clamp(1.25rem, 5vw, 4rem);--section-gap:clamp(4rem, 9vw, 8rem)}
:root{--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-2xl:36px;--radius-pill:999px;--radius-card:var(--radius-lg);--shadow-xs:0 1px 2px #11133c0f;--shadow-sm:0 2px 8px #11133c12;--shadow-md:0 8px 24px #11133c17;--shadow-lg:0 16px 40px #11133c1f;--shadow-xl:0 28px 64px #11133c29;--shadow-brand:0 10px 28px #4942ca4d;--ease-out:cubic-bezier(.22,.61,.36,1);--ease-soft:cubic-bezier(.45,.05,.25,1);--dur-fast:.14s;--dur-base:.22s;--dur-slow:.4s}
.sj-root,.sj-body-base{font-family:var(--font-sans);color:var(--text-body);background:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.sj-root h1,.sj-root h2,.sj-root h3,.sj-root h4{font-family:var(--font-display);color:var(--text-strong);letter-spacing:var(--ls-tight);margin:0}.sj-root a{color:var(--text-link);text-decoration:none}.sj-root a:hover{text-decoration:underline}::selection{background:var(--sj-indigo-200);color:var(--sj-navy)}
.sj-btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-body);border-radius:var(--radius-pill);padding:0 var(--space-6);cursor:pointer;white-space:nowrap;height:48px;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), transform var(--dur-fast) var(--ease-out);border:1.5px solid #0000;line-height:1;text-decoration:none;display:inline-flex}.sj-btn:focus-visible{box-shadow:0 0 0 4px var(--focus-ring);outline:none}.sj-btn:active{transform:translateY(1px)scale(.99)}.sj-btn[disabled],.sj-btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;transform:none}.sj-btn--sm{height:38px;font-size:var(--fs-body-sm);padding:0 var(--space-4)}.sj-btn--lg{height:56px;font-size:var(--fs-body-lg);padding:0 var(--space-8)}.sj-btn--primary{background:var(--brand-primary);color:var(--text-on-brand);box-shadow:var(--shadow-brand)}.sj-btn--primary:hover{background:var(--brand-primary-hover)}.sj-btn--primary:active{background:var(--brand-primary-press)}.sj-btn--accent{background:var(--brand-accent);color:var(--sj-navy);box-shadow:0 10px 24px #ffb70052}.sj-btn--accent:hover{background:var(--brand-accent-hover)}.sj-btn--secondary{background:var(--sj-white);color:var(--brand-primary);border-color:var(--border-strong)}.sj-btn--secondary:hover{background:var(--sj-indigo-50);border-color:var(--brand-primary)}.sj-btn--ghost{color:var(--brand-primary);background:0 0}.sj-btn--ghost:hover{background:var(--sj-indigo-50)}.sj-btn--dark{background:var(--sj-navy);color:var(--sj-white)}.sj-btn--dark:hover{background:#1c1f56}.sj-btn--block{width:100%;display:flex}.sj-iconbtn{border-radius:var(--radius-pill);cursor:pointer;width:44px;height:44px;color:var(--text-strong);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast), box-shadow var(--dur-base), border-color var(--dur-fast);background:0 0;border:1.5px solid #0000;justify-content:center;align-items:center;display:inline-flex}.sj-iconbtn--sm{width:36px;height:36px}.sj-iconbtn--lg{width:52px;height:52px}.sj-iconbtn:hover{background:var(--sj-indigo-50);color:var(--brand-primary)}.sj-iconbtn:focus-visible{box-shadow:0 0 0 4px var(--focus-ring);outline:none}.sj-iconbtn--solid{background:var(--brand-primary);color:#fff}.sj-iconbtn--solid:hover{background:var(--brand-primary-hover);color:#fff}.sj-iconbtn--outline{border-color:var(--border-default)}.sj-iconbtn--outline:hover{border-color:var(--brand-primary)}.sj-pastille{align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-body-sm);border-radius:var(--radius-pill);background:var(--brand-accent);color:var(--sj-navy);letter-spacing:-.01em;padding:7px 14px;line-height:1;display:inline-flex}.sj-pastille--indigo{background:var(--brand-primary);color:#fff}.sj-pastille--navy{background:var(--sj-navy);color:#fff}.sj-pastille--soft{background:var(--sj-indigo-100);color:var(--brand-primary)}.sj-pastille--outline{color:var(--brand-primary);box-shadow:inset 0 0 0 1.5px var(--border-strong);background:0 0}.sj-badge{font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-caption);border-radius:var(--radius-pill);background:var(--sj-indigo-100);color:var(--brand-primary);align-items:center;gap:6px;padding:5px 10px;line-height:1;display:inline-flex}.sj-badge--success{background:var(--color-success-bg);color:var(--color-success)}.sj-badge--warning{background:var(--color-warning-bg);color:#b25c00}.sj-badge--danger{background:var(--color-danger-bg);color:#c42b2d}.sj-badge--neutral{background:var(--sj-grey-100);color:var(--sj-grey-600)}.sj-badge__dot{background:currentColor;border-radius:50%;width:7px;height:7px}.sj-tag{font-family:var(--font-sans);font-weight:var(--fw-medium);font-size:var(--fs-caption);border-radius:var(--radius-pill);background:var(--sj-grey-100);color:var(--sj-grey-700);border:1px solid #0000;align-items:center;gap:6px;padding:6px 12px;line-height:1;display:inline-flex}.sj-tag__dot{border-radius:50%;width:8px;height:8px}.sj-tag--removable{padding-right:8px}.sj-tag__x{cursor:pointer;opacity:.55;display:inline-flex}.sj-tag__x:hover{opacity:1}.sj-card{background:var(--color-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);padding:var(--space-6);transition:box-shadow var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out), border-color var(--dur-base)}.sj-card--hover:hover{box-shadow:var(--shadow-lg);border-color:var(--border-default);transform:translateY(-3px)}.sj-card--wash{background:var(--color-surface-subtle);border-color:var(--sj-indigo-100)}.sj-card--flat{box-shadow:none}.sj-card--pad-lg{padding:var(--space-8)}.sj-stat{flex-direction:column;gap:6px;display:flex}.sj-stat__value{font-family:var(--font-display);font-weight:var(--fw-extrabold);font-size:var(--fs-h2);color:var(--sj-navy);letter-spacing:var(--ls-tight);line-height:1}.sj-stat__label{font-family:var(--font-sans);font-size:var(--fs-body-sm);color:var(--text-muted)}.sj-stat__trend{font-weight:600;font-size:var(--fs-caption);align-items:center;gap:4px;display:inline-flex}.sj-stat__trend--up{color:var(--color-success)}.sj-stat__trend--down{color:var(--color-danger)}.sj-avatar{background:var(--sj-indigo-100);color:var(--brand-primary);font-family:var(--font-display);font-weight:var(--fw-bold);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.sj-avatar img{object-fit:cover;width:100%;height:100%;display:block}.sj-avatar--sm{width:32px;height:32px;font-size:13px}.sj-avatar--md{width:44px;height:44px;font-size:16px}.sj-avatar--lg{width:64px;height:64px;font-size:22px}.sj-avatar--ring{box-shadow:0 0 0 3px var(--sj-white), 0 0 0 5px var(--sj-indigo-200)}.sj-field{flex-direction:column;gap:7px;display:flex}.sj-field__label{font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-body-sm);color:var(--text-strong)}.sj-field__hint{font-size:var(--fs-caption);color:var(--text-muted)}.sj-field__err{font-size:var(--fs-caption);color:var(--color-danger);font-weight:500}.sj-input{font-family:var(--font-sans);font-size:var(--fs-body);color:var(--text-strong);background:var(--sj-white);border:1.5px solid var(--border-default);border-radius:var(--radius-md);padding:0 var(--space-4);width:100%;height:48px;transition:border-color var(--dur-fast), box-shadow var(--dur-base);box-sizing:border-box}.sj-input::placeholder{color:var(--sj-grey-400)}.sj-input:hover{border-color:var(--border-strong)}.sj-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 4px var(--focus-ring);outline:none}.sj-input--err{border-color:var(--color-danger)}.sj-input--err:focus{box-shadow:0 0 0 4px var(--color-danger-bg)}textarea.sj-input{height:auto;padding:var(--space-3) var(--space-4);resize:vertical;min-height:110px;line-height:var(--lh-normal)}.sj-inputwrap{align-items:center;display:flex;position:relative}.sj-inputwrap .sj-input{padding-left:44px}.sj-inputwrap__icon{color:var(--sj-grey-400);pointer-events:none;display:inline-flex;position:absolute;left:14px}.sj-select{width:100%;display:inline-flex;position:relative}.sj-select select{appearance:none;font-family:var(--font-sans);font-size:var(--fs-body);color:var(--text-strong);background:var(--sj-white);border:1.5px solid var(--border-default);border-radius:var(--radius-md);padding:0 44px 0 var(--space-4);cursor:pointer;width:100%;height:48px;transition:border-color var(--dur-fast), box-shadow var(--dur-base)}.sj-select select:hover{border-color:var(--border-strong)}.sj-select select:focus{border-color:var(--brand-primary);box-shadow:0 0 0 4px var(--focus-ring);outline:none}.sj-select__chev{pointer-events:none;color:var(--sj-grey-500);position:absolute;top:50%;right:16px;transform:translateY(-50%)}.sj-check{align-items:center;gap:var(--space-3);cursor:pointer;font-family:var(--font-sans);font-size:var(--fs-body);color:var(--text-body);-webkit-user-select:none;user-select:none;display:inline-flex}.sj-check__box{border:1.5px solid var(--border-strong);color:#fff;width:22px;height:22px;transition:background var(--dur-fast), border-color var(--dur-fast);background:#fff;border-radius:7px;flex:none;justify-content:center;align-items:center;display:inline-flex}.sj-check input{opacity:0;width:0;height:0;position:absolute}.sj-check input:checked+.sj-check__box{background:var(--brand-primary);border-color:var(--brand-primary)}.sj-check input:focus-visible+.sj-check__box{box-shadow:0 0 0 4px var(--focus-ring)}.sj-check__box svg{opacity:0;transition:opacity var(--dur-fast)}.sj-check input:checked+.sj-check__box svg{opacity:1}.sj-tabs{background:var(--sj-indigo-50);border-radius:var(--radius-pill);gap:4px;padding:5px;display:inline-flex}.sj-tab{font-family:var(--font-sans);font-weight:var(--fw-semibold);font-size:var(--fs-body-sm);color:var(--sj-grey-600);border-radius:var(--radius-pill);cursor:pointer;transition:background var(--dur-fast), color var(--dur-fast);white-space:nowrap;background:0 0;border:none;padding:9px 18px}.sj-tab:hover{color:var(--brand-primary)}.sj-tab--active{background:var(--sj-white);color:var(--brand-primary);box-shadow:var(--shadow-xs)}.sj-quote{background:var(--color-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-sm);gap:var(--space-5);flex-direction:column;display:flex}.sj-quote__mark{font-family:var(--font-display);color:var(--sj-indigo-200);font-size:56px;line-height:.6}.sj-quote__text{font-family:var(--font-sans);font-size:var(--fs-body-lg);line-height:var(--lh-relaxed);color:var(--text-body)}.sj-quote__who{align-items:center;gap:var(--space-3);display:flex}.sj-quote__name{font-family:var(--font-display);font-weight:var(--fw-bold);color:var(--sj-navy);font-size:var(--fs-body)}.sj-quote__role{font-size:var(--fs-body-sm);color:var(--text-muted)}

.sj-btn--danger{color:var(--color-danger);background:0 0}.sj-btn--danger:hover{background:var(--color-danger-bg)}.sj-badge--navy{background:var(--sj-navy);color:#fff}html,body{min-height:100%}body{color:#34385c;-webkit-font-smoothing:antialiased;background:#f6f7fb;margin:0;padding:0;font-family:DM Sans,system-ui,sans-serif}a{color:#4942ca}a:hover{color:#3a34a8}::selection{background:#d9e2ff}@keyframes sjRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes sjFade{0%{opacity:0}to{opacity:1}}@keyframes sjSpin{to{transform:rotate(360deg)}}@keyframes sjPulse{0%,to{opacity:1}50%{opacity:.45}}.app-shell{background:#f6f7fb;height:100dvh;display:flex;overflow:hidden}@media (max-width:768px){.app-shell{flex-direction:column}}.nav-mobile{display:none}@media (max-width:768px){.nav-desktop{display:none!important}.nav-mobile{display:flex}}.sj-page{box-sizing:border-box;width:100%;padding:26px 44px 60px}@media (max-width:768px){.sj-page{padding:18px 16px 48px}input:not([type=checkbox]):not([type=radio]),textarea,select{font-size:16px!important}.sj-inline-row{flex-wrap:wrap}.sj-inline-row>.sj-inline-row__grow{order:4;flex-basis:100%!important}.sj-inline-row>.sj-inline-row__action{order:3;margin-left:auto}.sj-grid-stack{grid-template-columns:1fr!important}.sj-modal-footer{flex-direction:column-reverse!important;justify-content:stretch!important}.sj-modal-footer>button{width:100%!important}.sj-used-q-row{flex-wrap:wrap!important;align-items:flex-start!important}.sj-used-q-row .sj-used-q-text{flex-basis:100%!important}.sj-change-trace thead{display:none}.sj-change-trace,.sj-change-trace tbody,.sj-change-trace tr,.sj-change-trace td{width:100%;display:block}.sj-change-trace tr{border:1px solid var(--sj-grey-200,#dce0ec);border-radius:12px;margin-bottom:12px;padding:12px 14px}.sj-change-trace td{border-bottom:0!important;padding:10px 0 0!important}.sj-change-trace td.sj-change-trace__field{font-size:14px;white-space:normal!important;border-bottom:1px solid var(--sj-grey-100,#eef0f7)!important;padding:0 0 10px!important}.sj-change-trace td[data-label]:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.05em;color:var(--sj-grey-500);margin-bottom:3px;font-size:11px;font-weight:600;display:block}}