:root{color-scheme:light;--surface-1: #fcfcfb;--page: #f9f9f7;--text-primary: #0b0b0b;--text-secondary: #52514e;--text-muted: #898781;--grid: #e1e0d9;--axis: #c3c2b7;--border: rgba(11, 11, 11, .1);--serie-ref: #2a78d6;--serie-cmp: #eb6834;--pole-hausse: #d03b3b;--pole-baisse: #2a78d6;--neutre: #f0efec;--neutre-ink: #52514e;--bon: #0ca30c;--alerte: #fab219;--critique: #d03b3b;--succes-texte: #006300;--rayon: 4px;--police: system-ui, -apple-system, "Segoe UI", sans-serif}@media(prefers-color-scheme:dark){:root:where(:not([data-theme=light])){color-scheme:dark;--surface-1: #1a1a19;--page: #0d0d0d;--text-primary: #ffffff;--text-secondary: #c3c2b7;--text-muted: #898781;--grid: #2c2c2a;--axis: #383835;--border: rgba(255, 255, 255, .1);--serie-ref: #3987e5;--serie-cmp: #d95926;--pole-hausse: #d03b3b;--pole-baisse: #3987e5;--neutre: #383835;--neutre-ink: #c3c2b7;--succes-texte: #0ca30c}}:root[data-theme=dark]{color-scheme:dark;--surface-1: #1a1a19;--page: #0d0d0d;--text-primary: #ffffff;--text-secondary: #c3c2b7;--grid: #2c2c2a;--axis: #383835;--border: rgba(255, 255, 255, .1);--serie-ref: #3987e5;--serie-cmp: #d95926;--pole-baisse: #3987e5;--neutre: #383835;--neutre-ink: #c3c2b7;--succes-texte: #0ca30c}*{box-sizing:border-box}body{margin:0;font-family:var(--police);background:var(--page);color:var(--text-primary);font-size:14px;line-height:1.5}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}h1{font-size:20px}h2{font-size:16px}h3{font-size:13px;color:var(--text-secondary);font-weight:600}button{font:inherit;cursor:pointer;border-radius:var(--rayon);border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary);padding:7px 14px}button:hover:not(:disabled){border-color:var(--axis)}button:disabled{opacity:.5;cursor:not-allowed}button.primaire{background:var(--serie-ref);border-color:var(--serie-ref);color:#fff}input,select{font:inherit;padding:7px 10px;border-radius:var(--rayon);border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary)}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--serie-ref);outline-offset:1px}.entete{display:flex;align-items:center;gap:16px;padding:12px 24px;background:var(--surface-1);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;flex-wrap:wrap}.entete .marque{font-weight:600;letter-spacing:-.02em}.entete .pousse{margin-left:auto}.onglets{display:flex;gap:4px}.onglets button{border:none;background:transparent;color:var(--text-secondary);padding:6px 12px}.onglets button[aria-current=true]{background:var(--neutre);color:var(--text-primary);font-weight:600}main{padding:24px;max-width:1240px;margin:0 auto}.carte{background:var(--surface-1);border:1px solid var(--border);border-radius:8px;padding:18px;margin-bottom:18px;overflow:hidden}.carte>header{margin-bottom:14px}.carte>header p{margin:4px 0 0;color:var(--text-secondary);font-size:13px}.grille{display:grid;gap:14px}.grille.kpi{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.tuile{background:var(--surface-1);border:1px solid var(--border);border-radius:8px;padding:14px 16px}.tuile .intitule{color:var(--text-secondary);font-size:12px}.tuile .valeur{font-size:24px;font-weight:600;letter-spacing:-.02em;margin-top:6px}.tuile .delta{font-size:13px;margin-top:4px;display:flex;align-items:center;gap:5px}.delta.hausse{color:var(--pole-hausse)}.delta.baisse{color:var(--succes-texte)}.delta.neutre{color:var(--text-muted)}.defilement{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--grid)}th{color:var(--text-secondary);font-weight:600;font-size:12px;white-space:nowrap}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}tr.total td{font-weight:600;border-top:2px solid var(--axis)}tbody tr:hover{background:color-mix(in srgb,var(--neutre) 55%,transparent)}td.lecture{color:var(--text-secondary);min-width:240px;white-space:normal}.cascade{display:flex;flex-direction:column;gap:2px}.cascade-ligne{display:grid;grid-template-columns:200px 1fr 132px;align-items:center;gap:12px}.cascade-ligne .nom{color:var(--text-secondary);font-size:13px}.cascade-piste{position:relative;height:26px}.cascade-piste .zero{position:absolute;top:-2px;bottom:-2px;width:1px;background:var(--axis)}.cascade-barre{position:absolute;top:3px;bottom:3px;border-radius:var(--rayon);box-shadow:0 0 0 2px var(--surface-1)}.cascade-barre.hausse{background:var(--pole-hausse)}.cascade-barre.baisse{background:var(--pole-baisse)}.cascade-barre.total{background:var(--neutre);border:1px solid var(--axis)}.cascade-ligne .montant{text-align:right;font-variant-numeric:tabular-nums;font-size:13px}.cascade-ligne.est-total .nom{color:var(--text-primary);font-weight:600}.cascade-ligne.est-total .montant{font-weight:600}.comparatif{display:flex;flex-direction:column;gap:12px}.comparatif-ligne{display:grid;grid-template-columns:210px 1fr;gap:12px;align-items:center}.comparatif-ligne .nom{font-size:13px;color:var(--text-secondary)}.paire{display:flex;flex-direction:column;gap:2px}.paire-barre{display:flex;align-items:center;gap:8px;height:15px}.paire-barre .remplissage{height:11px;border-radius:var(--rayon)}.paire-barre.ref .remplissage{background:var(--serie-ref)}.paire-barre.cmp .remplissage{background:var(--serie-cmp)}.paire-barre .etiquette{font-size:12px;font-variant-numeric:tabular-nums;color:var(--text-secondary);white-space:nowrap}.legende{display:flex;gap:16px;align-items:center;margin-bottom:14px;font-size:12px;color:var(--text-secondary)}.legende span{display:inline-flex;align-items:center;gap:6px}.puce{width:11px;height:11px;border-radius:3px;display:inline-block}.puce.ref{background:var(--serie-ref)}.puce.cmp{background:var(--serie-cmp)}.puce.hausse{background:var(--pole-hausse)}.puce.baisse{background:var(--pole-baisse)}.pastille{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px;border:1px solid var(--border)}.pastille.ok{color:var(--succes-texte)}.pastille.echec{color:var(--critique)}.pastille.alerte{color:var(--text-secondary)}.message{padding:12px 14px;border-radius:var(--rayon);border:1px solid var(--border);margin-bottom:14px;font-size:13px}.message.erreur{border-color:var(--critique);color:var(--critique)}.message.info{color:var(--text-secondary)}.note{color:var(--text-secondary);font-size:12.5px;line-height:1.6}.note strong{color:var(--text-primary)}.connexion{min-height:100vh;display:grid;place-items:center;padding:24px}.connexion form{width:100%;max-width:380px;background:var(--surface-1);border:1px solid var(--border);border-radius:10px;padding:26px;display:flex;flex-direction:column;gap:12px}.connexion label{font-size:13px;color:var(--text-secondary)}.connexion input{width:100%}.depot{border:1.5px dashed var(--axis);border-radius:8px;padding:26px;text-align:center;color:var(--text-secondary)}.depot.actif{border-color:var(--serie-ref);background:color-mix(in srgb,var(--serie-ref) 6%,transparent)}@media(max-width:760px){main{padding:14px}.cascade-ligne{grid-template-columns:130px 1fr 104px}.comparatif-ligne{grid-template-columns:1fr}}.coque{display:grid;grid-template-columns:236px 1fr;min-height:100vh}.laterale{background:var(--surface-1);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.laterale .marque{padding:18px 18px 14px;font-weight:600;font-size:16px;letter-spacing:-.02em;display:flex;flex-direction:column;gap:2px}.laterale .marque span{color:var(--serie-ref)}.laterale .marque .societe{font-size:12px;font-weight:400;color:var(--text-secondary);letter-spacing:0}.laterale nav{flex:1;padding:0 10px}.laterale .groupe{margin-bottom:16px}.laterale .groupe h3{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:0 8px 6px}.laterale nav a{display:block;padding:7px 10px;border-radius:var(--rayon);color:var(--text-secondary);text-decoration:none;font-size:13.5px}.laterale nav a:hover{background:var(--neutre);color:var(--text-primary)}.laterale nav a.active{background:var(--neutre);color:var(--text-primary);font-weight:600;box-shadow:inset 2px 0 0 var(--serie-ref)}.laterale .pied{border-top:1px solid var(--border);padding:12px;display:flex;flex-direction:column;gap:8px}.laterale .identite{display:flex;flex-direction:column;font-size:13px}.colonne{display:flex;flex-direction:column;min-width:0}.barre{display:flex;align-items:center;gap:12px;padding:10px 24px;border-bottom:1px solid var(--border);background:var(--surface-1);position:sticky;top:0;z-index:5;min-height:52px}.barre .pousse{margin-left:auto;display:flex;gap:8px}.selecteur{display:flex;gap:8px;align-items:center}main{padding:22px 24px 60px;max-width:1280px}.titre-page{margin-bottom:20px}.titre-page h1{font-size:22px;margin-bottom:4px}.titre-page .note{max-width:78ch}.deux-colonnes{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:18px}.deux-colonnes>.carte{margin-bottom:0}.carte.accent{border-left:3px solid var(--serie-ref)}.carte.suspecte{border-color:var(--critique)}a{color:var(--serie-ref)}a:hover{text-decoration:underline}table.dense th,table.dense td{padding:5px 8px;font-size:12.5px}th.sous{font-weight:500;color:var(--text-muted);font-size:11px}td.faible,.faible{color:var(--text-muted)}td.hausse{color:var(--pole-hausse)}td.baisse{color:var(--succes-texte)}tr.nouveau td{background:color-mix(in srgb,var(--serie-ref) 9%,transparent)}tr.disparu td{color:var(--text-muted)}tr.inactif td{opacity:.55}td.actions{white-space:nowrap;display:flex;gap:4px;flex-wrap:wrap}td.actions button{padding:3px 8px;font-size:12px}button.danger{color:var(--critique);border-color:color-mix(in srgb,var(--critique) 40%,var(--border))}button.actif,button[aria-current=true]{background:var(--neutre);font-weight:600}.barre-filtres{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap;align-items:center}.barre-filtres input{min-width:220px}.formulaire{display:flex;flex-direction:column;gap:6px;max-width:460px}.formulaire label{font-size:13px;color:var(--text-secondary);margin-top:6px}.formulaire button{margin-top:10px;align-self:flex-start}.formulaire.encadre{border:1px solid var(--border);border-radius:8px;padding:16px;max-width:560px}.formulaire .note{margin:0}.bascule{display:inline-flex;align-items:center;gap:6px;font-size:13px}.bascule input{width:15px;height:15px}.onglets{display:flex;gap:4px;margin-bottom:18px;border-bottom:1px solid var(--border)}.onglets button{border:none;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--text-secondary);padding:8px 14px}.onglets button[aria-current=true]{color:var(--text-primary);border-bottom-color:var(--serie-ref);background:transparent;font-weight:600}ul.liste{margin:8px 0 0;padding-left:20px}ul.liste li{margin-bottom:7px;line-height:1.6}ul.codes{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px;margin:10px 0}ul.codes code{font-size:13px;letter-spacing:.04em}.qr{background:#fff;padding:12px;border-radius:8px;width:max-content;margin:10px 0}.qr svg{width:168px;height:168px;display:block}.message.succes{border-color:var(--bon);color:var(--succes-texte)}@media(max-width:900px){.coque{grid-template-columns:1fr}.laterale{position:static;height:auto;border-right:none;border-bottom:1px solid var(--border)}.laterale nav{display:flex;flex-wrap:wrap;gap:4px}.laterale .groupe{margin-bottom:6px}.laterale .groupe h3{display:none}main{padding:14px}}