:root{--bg-page: #f4f5f7;--text-main: #0f172a;--text-muted: #5b6b7f;--accent-indigo: #4f46e5;--accent-emerald: #10b981;--accent-rose: #e11d48;--accent-amber: #f59e0b;--accent-blue: #3b82f6;--accent-indigo-texte: #4f46e5;--accent-emerald-texte: #047857;--accent-rose-texte: #be123c;--accent-amber-texte: #b45309;--accent-blue-texte: #0369a1;--text-sur-accent: #ffffff;--web-bg: #ffffff;--web-card: #ffffff;--web-border: #e2e8f0;--web-bg-alt: #f8fafc;--wo-hr: #e11d48;--wo-steps: #059669;--wo-sleep: #0284c7;--wo-stress: #b45309;--ai-fond-depart: #eef2ff;--ai-fond-arrivee: #e0e7ff;--ai-bordure: #c7d2fe;--ai-titre: #312e81;--ai-texte: #3730a3;--ombre-douce: 0 1px 2px 0 rgba(15, 23, 42, .05), 0 2px 6px -1px rgba(15, 23, 42, .06);--ombre-levee: 0 10px 30px -12px rgba(15, 23, 42, .18), 0 4px 10px -6px rgba(15, 23, 42, .08);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--text-10: 10px;--text-11: 11px;--text-12: 12px;--text-13: 13px;--text-14: 14px;--text-16: 16px;--text-18: 18px;--text-20: 20px;--text-24: 24px;--text-26: 26px;--text-28: 28px;--text-30: 30px;--text-32: 32px;--weight-regular: 500;--weight-label: 600;--weight-section: 700;--weight-value: 800;--radius-6: 6px;--radius-10: 10px;--radius-12: 12px;--radius-14: 14px;--radius-16: 16px;--radius-18: 18px;--radius-20: 20px;--radius-22: 22px;--radius-pill: 99px;--radius-avatar: 50%;--space-2: 2px;--space-4: 4px;--space-6: 6px;--space-8: 8px;--space-10: 10px;--space-12: 12px;--space-14: 14px;--space-16: 16px;--space-18: 18px;--space-20: 20px;--space-22: 22px;--space-24: 24px;--space-32: 32px;--space-40: 40px;--gutter: 20px;--target-tactile: 44px;color-scheme:light}:root[data-theme=sombre]{--bg-page: #0b1120;--text-main: #f1f5f9;--text-muted: #94a3b8;--web-bg: #111827;--web-card: #111827;--web-border: #1f2937;--web-bg-alt: #0f172a;--wo-hr: #fb7185;--wo-steps: #34d399;--wo-sleep: #38bdf8;--wo-stress: #fbbf24;--accent-indigo: #818cf8;--accent-emerald: #34d399;--accent-rose: #fb7185;--accent-amber: #fbbf24;--accent-blue: #60a5fa;--accent-indigo-texte: #818cf8;--accent-emerald-texte: #34d399;--accent-rose-texte: #fb7185;--accent-amber-texte: #fbbf24;--accent-blue-texte: #60a5fa;--text-sur-accent: #0b1120;--ai-fond-depart: #1e1b4b;--ai-fond-arrivee: #312e81;--ai-bordure: #4338ca;--ai-titre: #e0e7ff;--ai-texte: #c7d2fe;--ombre-douce: 0 1px 2px 0 rgba(0, 0, 0, .4), 0 2px 8px -2px rgba(0, 0, 0, .45);--ombre-levee: 0 12px 34px -12px rgba(0, 0, 0, .65), 0 4px 12px -6px rgba(0, 0, 0, .5);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);font-size:var(--text-14);font-weight:var(--weight-regular);color:var(--text-main);background:var(--bg-page);-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--accent-indigo);outline-offset:2px}a{color:var(--accent-indigo-texte)}.lien-export{display:inline-flex;align-items:center;min-height:var(--target-tactile);font-weight:var(--weight-label);text-underline-offset:3px}.app{display:grid;grid-template-columns:240px 1fr;min-height:100vh;min-height:100dvh}.app__mobile-bar,.app__bottom-nav,.app__overlay{display:none}.bandeau-hors-ligne{margin-bottom:var(--space-8)}.app__aside{background:var(--web-card);border-right:1px solid var(--web-border);padding:var(--space-20);display:flex;flex-direction:column;gap:var(--space-20);z-index:50}.app__main{padding:var(--space-24);display:flex;flex-direction:column;gap:var(--gutter);max-width:1100px;width:100%}.app__entete{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);flex-wrap:wrap}.marque{font-size:var(--text-20);font-weight:var(--weight-value);letter-spacing:-.02em;margin:0}.marque--compact{font-size:var(--text-18)}.marque__accent{color:var(--accent-indigo-texte)}.nav{display:flex;flex-direction:column;gap:var(--space-4)}.nav__lien{display:flex;align-items:center;min-height:var(--target-tactile);padding:0 var(--space-12);border-radius:var(--radius-10);color:var(--text-main);text-decoration:none;font-weight:var(--weight-label);transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}.nav__lien:hover{background:var(--web-bg-alt)}.nav__lien--actif{background:color-mix(in srgb,var(--accent-indigo) 14%,transparent);color:var(--accent-indigo-texte);position:relative}.nav__lien--actif:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;border-radius:var(--radius-pill);background:currentColor}.titre-page{font-size:var(--text-28);font-weight:var(--weight-value);margin:0}.sous-titre{font-size:var(--text-13);color:var(--text-muted);margin:0}.profil-carte{display:flex;align-items:center;gap:var(--space-10);padding:var(--space-10) var(--space-12);border-radius:var(--radius-12);background:var(--web-bg-alt);border:1px solid var(--web-border)}.profil-avatar{width:36px;height:36px;border-radius:var(--radius-avatar);background:linear-gradient(135deg,var(--accent-indigo),var(--wo-steps));color:var(--text-sur-accent);display:flex;align-items:center;justify-content:center;font-weight:var(--weight-section);font-size:var(--text-14);flex-shrink:0}.profil-plan{font-size:var(--text-11);color:var(--accent-emerald-texte);font-weight:var(--weight-section)}.profil-info{display:flex;flex-direction:column;overflow:hidden}.profil-nom{font-size:var(--text-13);font-weight:var(--weight-section);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profil-email{font-size:var(--text-11);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.carte{background:var(--web-card);border:1px solid var(--web-border);border-radius:var(--radius-16);padding:var(--space-18);display:flex;flex-direction:column;gap:var(--space-12);box-shadow:var(--ombre-douce);transition:box-shadow .2s ease,transform .2s ease}.carte--survol:hover{box-shadow:var(--ombre-levee);transform:translateY(-2px)}.grille{display:grid;gap:var(--gutter);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.carte__entete{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12)}.carte__titre{font-size:var(--text-16);font-weight:var(--weight-section);margin:0}.valeur{font-size:var(--text-30);font-weight:var(--weight-value);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.unite{font-size:var(--text-13);color:var(--text-muted);font-weight:var(--weight-label)}.legende{font-size:var(--text-12);color:var(--text-muted)}.tendance{display:inline-flex;align-items:center;gap:var(--space-4);font-size:var(--text-12);font-weight:var(--weight-section)}.tendance--hausse{color:var(--accent-emerald-texte)}.tendance--baisse{color:var(--accent-rose-texte)}.tendance--neutre{color:var(--text-muted)}.bloc-ia{background:linear-gradient(135deg,var(--ai-fond-depart),var(--ai-fond-arrivee));border:1px solid var(--ai-bordure);border-radius:var(--radius-14);padding:var(--space-18);color:var(--ai-texte);display:flex;flex-direction:column;gap:var(--space-10)}.bloc-ia h3{color:var(--ai-titre);font-size:var(--text-16);font-weight:var(--weight-section);margin:0}.bouton{min-height:var(--target-tactile);padding:0 var(--space-18);border-radius:var(--radius-pill);border:1px solid transparent;font-family:inherit;font-size:var(--text-14);font-weight:var(--weight-section);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);background:var(--accent-indigo);color:var(--text-sur-accent);box-shadow:var(--ombre-douce);transition:filter .15s ease,box-shadow .15s ease,transform .1s ease}.bouton:hover:not(:disabled){filter:brightness(1.06);box-shadow:var(--ombre-levee)}.bouton:active:not(:disabled){transform:translateY(1px);box-shadow:var(--ombre-douce)}.bouton-icone{min-width:var(--target-tactile);min-height:var(--target-tactile);padding:0;border-radius:var(--radius-10);border:1px solid var(--web-border);background:var(--web-bg-alt);color:var(--text-main);font-size:var(--text-16);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color .15s ease,background-color .15s ease}.bouton-icone:hover{border-color:var(--accent-indigo)}.bouton:disabled{opacity:.55;cursor:not-allowed}.bouton--secondaire{background:var(--web-bg-alt);color:var(--text-main);border-color:var(--web-border);box-shadow:none}.bouton--danger{background:var(--accent-rose);color:var(--text-sur-accent)}.champ{display:flex;flex-direction:column;gap:var(--space-6)}.champ__libelle{font-size:var(--text-12);font-weight:var(--weight-label);color:var(--text-muted)}.champ__saisie{min-height:var(--target-tactile);padding:0 var(--space-12);border-radius:var(--radius-10);border:1px solid var(--web-border);background:var(--web-card);color:var(--text-main);font-family:inherit;font-size:var(--text-14);transition:border-color .15s ease,box-shadow .15s ease}.champ__saisie:focus-visible{outline:none;border-color:var(--accent-indigo);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-indigo) 25%,transparent)}.formulaire{display:flex;flex-direction:column;gap:var(--space-14);max-width:420px;width:100%}.etiquette{display:inline-flex;align-items:center;gap:var(--space-6);padding:var(--space-4) var(--space-10);border-radius:var(--radius-pill);font-size:var(--text-12);font-weight:var(--weight-label);background:var(--web-bg-alt);color:var(--text-muted);border:1px solid var(--web-border)}.etiquette--succes{color:var(--accent-emerald-texte);background:color-mix(in srgb,var(--accent-emerald) 12%,transparent);border-color:color-mix(in srgb,var(--accent-emerald) 45%,transparent)}.etiquette--alerte{color:var(--accent-amber-texte);background:color-mix(in srgb,var(--accent-amber) 12%,transparent);border-color:color-mix(in srgb,var(--accent-amber) 45%,transparent)}.etiquette--danger{color:var(--accent-rose-texte);background:color-mix(in srgb,var(--accent-rose) 12%,transparent);border-color:color-mix(in srgb,var(--accent-rose) 45%,transparent)}.etiquette--info{color:var(--accent-blue-texte);background:color-mix(in srgb,var(--accent-blue) 12%,transparent);border-color:color-mix(in srgb,var(--accent-blue) 45%,transparent)}.etat{display:flex;flex-direction:column;gap:var(--space-10);align-items:flex-start;padding:var(--space-18);border-radius:var(--radius-14);background:var(--web-bg-alt);border:1px dashed var(--web-border)}.etat__titre{font-size:var(--text-14);font-weight:var(--weight-section);margin:0}.etat__message{font-size:var(--text-13);color:var(--text-muted);margin:0}.etat__detail{width:100%;max-width:100%;max-height:220px;overflow:auto;margin:0;padding:var(--space-12);border-radius:var(--radius-10);background:var(--web-card);border:1px solid var(--web-border);color:var(--text-muted);font-size:var(--text-12);white-space:pre-wrap;overflow-wrap:anywhere}.squelette{border-radius:var(--radius-10);background:linear-gradient(90deg,var(--web-bg-alt),var(--web-border),var(--web-bg-alt));background-size:200% 100%;animation:squelette 1.2s ease-in-out infinite;height:var(--space-16)}@keyframes squelette{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.squelette{animation:none}.carte,.bouton,.bouton-icone,.nav__lien,.tableau tbody tr{transition:none}.carte--survol:hover,.bouton:active:not(:disabled){transform:none}}.tableau-conteneur{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.tableau{width:100%;min-width:480px;border-collapse:collapse;font-size:var(--text-13)}.tableau th,.tableau td{text-align:left;padding:var(--space-10) var(--space-12);border-bottom:1px solid var(--web-border)}.tableau th{color:var(--text-muted);font-weight:var(--weight-section);font-size:var(--text-12)}.tableau tbody tr:nth-child(2n){background:var(--web-bg-alt)}.tableau tbody tr{transition:background-color .15s ease}.tableau tbody tr:hover{background:color-mix(in srgb,var(--accent-indigo) 6%,var(--web-bg-alt))}.tableau td{font-weight:var(--weight-label)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.lien-evitement{position:absolute;left:var(--space-8);top:var(--space-8);z-index:10;padding:var(--space-10) var(--space-16);border-radius:var(--radius-10);background:var(--accent-indigo);color:var(--text-sur-accent);font-weight:var(--weight-label);text-decoration:none;transform:translateY(-200%)}.lien-evitement:focus-visible{transform:translateY(0)}.repere-contenu:focus{outline:none}.auth{min-height:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-24);background:radial-gradient(900px 480px at 80% -10%,rgba(99,102,241,.14),transparent 60%),radial-gradient(700px 420px at 10% 110%,rgba(16,185,129,.1),transparent 55%)}.auth__carte{width:100%;max-width:420px;box-shadow:var(--ombre-levee)}@media(max-width:960px){.app{grid-template-columns:200px 1fr}.app__aside{padding:var(--space-16);gap:var(--space-16)}.app__main{padding:var(--space-18)}.titre-page{font-size:var(--text-24)}.valeur{font-size:var(--text-26)}}@media(max-width:768px){.app{grid-template-columns:1fr;padding-top:56px;padding-bottom:60px}.app__mobile-bar{display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;height:56px;background:var(--web-card);border-bottom:1px solid var(--web-border);padding:0 var(--space-16);z-index:100}.app__overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:150}.app__aside{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85vw;box-shadow:var(--ombre-levee);transform:translate(-100%);transition:transform .25s ease-in-out;z-index:200;overflow-y:auto}.app__aside--ouvert{transform:translate(0)}.app__bottom-nav{display:flex;align-items:center;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;height:60px;background:var(--web-card);border-top:1px solid var(--web-border);z-index:90;padding:var(--space-4) 0;padding-bottom:env(safe-area-inset-bottom,0px)}.app__bottom-nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);text-decoration:none;font-size:var(--text-10);font-weight:var(--weight-label);flex:1;height:100%;gap:var(--space-2);position:relative}.app__bottom-nav-link--actif{color:var(--accent-indigo-texte)}.app__bottom-nav-link--actif:before{content:"";position:absolute;top:0;left:25%;right:25%;height:3px;border-radius:0 0 var(--radius-pill) var(--radius-pill);background:currentColor}.app__bottom-nav-icon{font-size:var(--text-18)}.app__main{padding:var(--space-16);gap:var(--space-16)}.grille{grid-template-columns:1fr}.titre-page{font-size:var(--text-20)}.sous-titre{font-size:var(--text-12)}.carte{padding:var(--space-14);border-radius:var(--radius-12)}.carte__entete{flex-wrap:wrap}.formulaire{max-width:100%}.tableau{min-width:100%}.tableau th,.tableau td{padding:var(--space-8) var(--space-10);font-size:var(--text-12)}}