:root{--fond: #f8fafc;--surface: #ffffff;--surface-douce: #f1f5f9;--bordure: #e2e8f0;--bordure-forte: #cbd5e1;--texte: #0f172a;--texte-doux: #64748b;--texte-discret: #94a3b8;--accent: #2563eb;--accent-fonce: #1d4ed8;--accent-doux: #eff6ff;--accent-bordure: #bfdbfe;--sombre: #0f172a;--sombre-surface: #1e293b;--sombre-bordure: rgba(255, 255, 255, .08);--succes: #059669;--succes-fonce: #047857;--succes-doux: #ecfdf5;--succes-bordure: #a7f3d0;--alerte: #d97706;--alerte-fonce: #b45309;--alerte-doux: #fffbeb;--alerte-bordure: #fde68a;--danger: #dc2626;--danger-fonce: #b91c1c;--danger-doux: #fef2f2;--danger-bordure: #fecaca;--info: #0284c7;--info-doux: #f0f9ff;--info-bordure: #bae6fd;--rayon-sm: 6px;--rayon: 8px;--rayon-lg: 10px;--ombre-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--ombre: 0 1px 3px 0 rgba(0, 0, 0, .08), 0 1px 2px -1px rgba(0, 0, 0, .08);--ombre-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .06);--ombre-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--fond);color:var(--texte);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:13.5px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11"}h1,h2,h3,h4{margin:0;font-weight:600;color:var(--texte);letter-spacing:-.015em}a{color:inherit;text-decoration:none}.app{display:flex;min-height:100vh}.barre-laterale{width:240px;flex-shrink:0;background:var(--sombre);color:#94a3b8;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;border-right:1px solid var(--sombre-bordure)}.marque{display:flex;align-items:center;gap:10px;padding:18px 16px;border-bottom:1px solid var(--sombre-bordure)}.marque-logo{width:32px;height:32px;border-radius:var(--rayon-sm);background:var(--accent);color:#fff;display:grid;place-items:center;flex-shrink:0;box-shadow:0 1px 3px #0000004d}.marque-nom{color:#fff;font-size:15px;font-weight:700;letter-spacing:-.01em;line-height:1.2}.marque-sous{font-size:10.5px;color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.nav{padding:12px 10px;display:flex;flex-direction:column;gap:2px;flex:1}.grille-graphiques{display:grid;grid-template-columns:2fr 1fr;gap:16px}@media (max-width: 1180px){.grille-graphiques{grid-template-columns:1fr}}.grille-graphiques>.carte{display:flex;flex-direction:column;min-width:0}.grille-graphiques>.carte>.carte-corps{flex:1}.carte-corps-centre{display:flex;flex-direction:column;justify-content:center}:root{--gr-serie: #1d4ed8;--gr-piste: #dbeafe;--gr-disponible: #15803d;--gr-reserve: #b45309;--gr-vendu: #1d4ed8;--gr-filet: #e8eaee;--gr-encre-douce: #6b7280}.gr-colonnes-cadre{position:relative;padding-left:52px;padding-top:30px}.gr-grille{position:absolute;top:30px;right:0;bottom:26px;left:0;display:flex;flex-direction:column;justify-content:space-between}.gr-grille-ligne{display:flex;align-items:center;gap:8px}.gr-grille-valeur{width:44px;text-align:right;font-size:10.5px;color:var(--gr-encre-douce);font-variant-numeric:tabular-nums;flex-shrink:0}.gr-grille-filet{flex:1;height:1px;background:var(--gr-filet)}.gr-colonnes{position:relative;display:flex;align-items:flex-end;gap:10px;height:190px}.gr-colonne{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.gr-colonne-zone{position:relative;flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;min-height:24px}.gr-colonne-zone:focus-visible{outline:2px solid var(--gr-serie);outline-offset:2px;border-radius:4px}.gr-colonne-barre{width:100%;max-width:24px;background:var(--gr-serie);border-radius:4px 4px 0 0;transition:opacity .12s ease}.gr-colonne-zone:hover .gr-colonne-barre{opacity:.82}.gr-colonne-libelle{height:26px;display:flex;align-items:center;font-size:11px;color:var(--gr-encre-douce);white-space:nowrap}.gr-barres{display:flex;flex-direction:column;gap:10px;padding-top:26px}.gr-barre-ligne{display:flex;align-items:center;gap:10px}.gr-barre-libelle{width:130px;flex-shrink:0;font-size:12.5px;color:var(--texte);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gr-barre-piste{position:relative;flex:1;min-width:0;height:24px;display:flex;align-items:center}.gr-barre-piste:focus-visible{outline:2px solid var(--gr-serie);outline-offset:2px;border-radius:4px}.gr-barre-remplissage{height:16px;background:var(--gr-serie);border-radius:0 4px 4px 0;transition:opacity .12s ease}.gr-barre-piste:hover .gr-barre-remplissage{opacity:.82}.gr-barre-valeur{width:86px;flex-shrink:0;text-align:right;font-size:12.5px;font-weight:600;color:var(--texte);font-variant-numeric:tabular-nums}.gr-empilee{display:flex;height:26px;gap:2px;margin-top:26px;margin-bottom:14px}.gr-empilee-segment{position:relative;min-width:4px;border-radius:3px}.gr-empilee-segment:focus-visible{outline:2px solid var(--texte);outline-offset:2px}.gr-aiguille-bloc{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.gr-aiguille-cadre{flex:1 1 280px;min-width:0;display:flex;justify-content:center}.gr-aiguille{width:100%;max-width:320px;height:auto}.gr-aiguille-tick{stroke:var(--gr-encre-douce);stroke-width:2}.gr-aiguille-graduation{font-size:11px;fill:var(--gr-encre-douce);font-family:inherit;font-variant-numeric:tabular-nums}.gr-aiguille-cible{stroke:var(--texte);stroke-width:2;stroke-dasharray:4 3}.gr-aiguille-corps,.gr-aiguille-pivot{fill:var(--texte)}.gr-aiguille-detail{flex:1 1 200px;min-width:0;display:flex;flex-direction:column;gap:4px}.gr-aiguille-valeur{font-size:30px;font-weight:700;letter-spacing:-.025em;line-height:1.1}.gr-aiguille-zone{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:600}.gr-aiguille-cible-texte{font-size:12px;color:var(--gr-encre-douce)}.gr-aiguille-zones{display:flex;flex-direction:column;gap:5px;margin-top:10px;padding-top:10px;border-top:1px solid var(--gr-filet)}.gr-radar-bloc{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.gr-radar-cadre{display:flex;justify-content:center;flex:0 0 auto;margin:0 auto}.gr-legende-radar{flex:1 1 220px;min-width:0}.gr-radar{width:100%;max-width:300px;height:auto}.gr-radar-toile{fill:none;stroke:var(--gr-filet);stroke-width:1}.gr-radar-rayon{stroke:var(--gr-filet);stroke-width:1}.gr-radar-axe-libelle{font-size:11px;fill:var(--gr-encre-douce);font-family:inherit}.gr-radar-serie{transition:opacity .14s ease}.gr-radar-estompe{opacity:.18}.gr-legende-cliquable{background:none;border:none;padding:2px 0;font-family:inherit;font-size:12.5px;cursor:pointer;text-align:left}.gr-legende-cliquable:focus-visible{outline:2px solid var(--gr-serie);outline-offset:2px;border-radius:4px}.gr-anneau-cadre{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.gr-anneau{width:172px;height:172px;overflow:visible}.gr-anneau-arc{transition:opacity .12s ease}.gr-anneau-arc:hover{opacity:.82}.gr-anneau-arc:focus-visible{outline:2px solid var(--texte);outline-offset:3px}.gr-anneau-centre{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none}.gr-anneau-valeur{font-size:23px;font-weight:700;letter-spacing:-.02em;line-height:1.15}.gr-anneau-libelle{font-size:11.5px;color:var(--gr-encre-douce);line-height:1.35;max-width:100px;margin-top:2px}.gr-legende{display:flex;flex-wrap:wrap;gap:8px 20px}.gr-legende-anneau{flex-direction:column;gap:7px}.gr-legende-item{display:flex;align-items:center;gap:7px;font-size:12.5px}.gr-legende-puce{width:10px;height:10px;border-radius:3px;flex-shrink:0}.gr-legende-nom{color:var(--texte)}.gr-legende-valeur{color:var(--gr-encre-douce);font-variant-numeric:tabular-nums}.gr-jauge-entete{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:10px}.gr-jauge-valeur{font-size:19px;font-weight:700;letter-spacing:-.02em}.gr-jauge-reste{color:var(--danger)}.gr-jauge-piste{height:14px;background:var(--gr-piste);border-radius:7px;overflow:hidden}.gr-jauge-remplissage{height:100%;background:var(--gr-serie);border-radius:7px;transition:width .3s ease}.gr-jauge-pied{display:flex;justify-content:space-between;margin-top:8px}.gr-infobulle{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);background:var(--sombre);color:#fff;padding:7px 11px;border-radius:8px;font-size:12px;line-height:1.45;white-space:nowrap;display:flex;flex-direction:column;gap:1px;opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:6;box-shadow:0 6px 18px #0f172a40}.gr-infobulle-detail{color:#94a3b8}.gr-colonne-zone:hover .gr-infobulle,.gr-colonne-zone:focus-visible .gr-infobulle,.gr-barre-piste:hover .gr-infobulle,.gr-barre-piste:focus-visible .gr-infobulle,.gr-empilee-segment:hover .gr-infobulle,.gr-empilee-segment:focus-visible .gr-infobulle{opacity:1}.nav-racine{display:flex;flex-direction:column;gap:2px;padding-bottom:2px}.nav-groupe-bloc{display:flex;flex-direction:column}.nav-groupe{display:flex;align-items:center;gap:8px;width:100%;padding:14px 10px 4px;background:none;border:none;cursor:pointer;font-family:inherit;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#475569;font-weight:700;text-align:left;transition:color .12s ease}.nav-groupe:hover{color:#94a3b8}.nav-groupe-libelle{flex:1;min-width:0}.nav-groupe .nav-pastille{margin-left:0}.nav-groupe-chevron{opacity:.7;transition:transform .18s ease}.nav-groupe[aria-expanded=false] .nav-groupe-chevron{transform:rotate(-90deg)}.nav-sous-menu{display:flex;flex-direction:column;gap:2px;animation:deplier .16s ease-out}@keyframes deplier{0%{opacity:0;transform:translateY(-4px)}}.nav-lien{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--rayon-sm);color:#94a3b8;font-size:13px;font-weight:500;transition:all .12s ease}.nav-lien:hover{background:#ffffff0d;color:#f1f5f9}.nav-lien.actif{background:var(--accent);color:#fff;font-weight:550;box-shadow:0 1px 2px #0003}.nav-icone{width:18px;height:18px;display:grid;place-items:center;flex-shrink:0}.nav-pastille{margin-left:auto;background:var(--danger);color:#fff;border-radius:999px;font-size:10.5px;font-weight:700;padding:1px 6px;line-height:1.3}.pied-laterale{padding:12px 16px;border-top:1px solid var(--sombre-bordure);font-size:11px;color:#475569}.contenu{flex:1;min-width:0;display:flex;flex-direction:column}.entete{background:var(--surface);border-bottom:1px solid var(--bordure);padding:16px 28px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.entete h1{font-size:18px;font-weight:600;color:var(--texte);letter-spacing:-.02em}.entete p{margin:2px 0 0;color:var(--texte-doux);font-size:12.5px}.entete-actions{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.page{padding:20px 28px 40px;flex:1}.carte{background:var(--surface);border:1px solid var(--bordure);border-radius:var(--rayon);box-shadow:var(--ombre-sm);overflow:hidden}.carte-entete{padding:14px 18px;border-bottom:1px solid var(--bordure);display:flex;align-items:center;gap:12px}.carte-entete h3{font-size:14px;font-weight:600}.carte-corps{padding:18px}.grille{display:grid;gap:16px}.grille-stats{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.grille-2{grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.stat{background:var(--surface);border:1px solid var(--bordure);border-radius:var(--rayon);padding:16px 18px;box-shadow:var(--ombre-sm);display:flex;gap:14px;align-items:flex-start}.stat-icone{width:38px;height:38px;border-radius:var(--rayon-sm);display:grid;place-items:center;background:var(--accent-doux);color:var(--accent);flex-shrink:0}.stat-libelle{color:var(--texte-doux);font-size:12.5px;font-weight:500}.stat-valeur{font-size:20px;font-weight:700;color:var(--texte);letter-spacing:-.02em;margin-top:2px}.stat-detail{font-size:11.5px;color:var(--texte-doux);margin-top:2px}.table-conteneur{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}thead th{background:var(--fond);border-bottom:1px solid var(--bordure);color:#475569;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:10px 16px;white-space:nowrap}tbody td{padding:12px 16px;border-bottom:1px solid #f1f5f9;color:#1e293b;vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#f8fafc}th.num,td.num,.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.mono{font-family:JetBrains Mono,SF Mono,Consolas,monospace;font-size:12px;color:#334155;letter-spacing:-.01em}.principal{font-weight:550;color:var(--texte)}.secondaire{color:var(--texte-doux);font-size:12px}.actions-cellule{display:flex;gap:6px;justify-content:flex-end}.pagination-barre{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;border-top:1px solid var(--bordure);background:var(--surface);flex-wrap:wrap}.pagination-info{font-size:12.5px;color:var(--texte-doux)}.pagination-info strong{color:var(--texte);font-weight:600}.pagination-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pagination-select-wrapper{display:flex;align-items:center}.pagination-select{height:30px;padding:0 8px;font-size:12px;font-weight:500;border-radius:var(--rayon-sm);border:1px solid var(--bordure);background:var(--surface);color:var(--texte);cursor:pointer}.pagination-select:focus{outline:none;border-color:var(--accent)}.pagination-boutons{display:flex;align-items:center;gap:3px}.btn-pagination{width:28px;height:28px;display:grid;place-items:center;border-radius:var(--rayon-sm);border:1px solid var(--bordure);background:var(--surface);color:#475569;cursor:pointer;transition:all .12s ease;padding:0}.btn-pagination:hover:not(:disabled){background:var(--surface-douce);border-color:var(--bordure-forte);color:var(--texte)}.btn-pagination:disabled{opacity:.35;cursor:not-allowed}.btn-pagination-numero{min-width:28px;height:28px;padding:0 6px;display:grid;place-items:center;border-radius:var(--rayon-sm);border:1px solid var(--bordure);background:var(--surface);color:#475569;font-size:12px;font-weight:500;cursor:pointer;transition:all .12s ease}.btn-pagination-numero:hover:not(.actif){background:var(--surface-douce);border-color:var(--bordure-forte);color:var(--texte)}.btn-pagination-numero.actif{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.pagination-points{font-size:12px;color:var(--texte-discret);padding:0 2px}button{font-family:inherit;font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 13px;border-radius:var(--rayon-sm);border:1px solid var(--bordure);background:var(--surface);color:#334155;font-weight:500;cursor:pointer;transition:all .12s ease;white-space:nowrap;box-shadow:var(--ombre-sm)}.btn:hover:not(:disabled){background:var(--surface-douce);border-color:var(--bordure-forte);color:var(--texte)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-principal{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:550;box-shadow:0 1px 2px #2563eb33}.btn-principal:hover:not(:disabled){background:var(--accent-fonce);border-color:var(--accent-fonce);color:#fff}.btn-danger{color:var(--danger);border-color:var(--danger-bordure);background:var(--surface)}.btn-danger:hover:not(:disabled){background:var(--danger-doux);border-color:#f87171}.btn-danger-plein{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger-plein:hover:not(:disabled){background:var(--danger-fonce);border-color:var(--danger-fonce)}.btn-petit{padding:4px 9px;font-size:12px;border-radius:5px;height:28px}.btn-bloc{width:100%}.champ{display:flex;flex-direction:column;gap:5px}.champ label{font-size:12px;font-weight:550;color:#334155}input,select,textarea{font-family:inherit;font-size:13px;padding:7px 11px;border:1px solid var(--bordure);border-radius:var(--rayon-sm);background:var(--surface);color:var(--texte);width:100%;transition:border-color .12s,box-shadow .12s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1f}textarea{resize:vertical;min-height:68px}.champ-aide{font-size:11.5px;color:var(--texte-doux)}.champ-case{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:12.5px;color:#334155;cursor:pointer}.champ-case input{width:auto;accent-color:var(--accent);cursor:pointer}.champ-mot-de-passe{position:relative}.champ-mot-de-passe input{padding-right:38px}.bascule-visibilite{position:absolute;right:5px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:14px;line-height:1;padding:4px 5px;border-radius:5px;opacity:.65;color:var(--texte-doux)}.bascule-visibilite:hover{opacity:1;background:var(--surface-douce);color:var(--texte)}.grille-champs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.champ-large{grid-column:1 / -1}.barre-filtres{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.barre-filtres input,.barre-filtres select{width:auto;height:34px;min-width:160px}.barre-filtres .champ-case{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 10px;border:1px solid var(--bordure);border-radius:var(--rayon-sm);background:var(--surface);font-size:12.5px;color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .12s ease}.barre-filtres .champ-case:hover{background:var(--surface-douce);border-color:var(--bordure-forte)}.recherche{position:relative;flex:1;min-width:220px;max-width:360px}.recherche input{width:100%;height:34px;padding-left:32px}.recherche:before{content:"";position:absolute;left:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain;pointer-events:none;opacity:.7}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:9999px;font-size:11.5px;font-weight:550;white-space:nowrap;line-height:1.4}.badge-point{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.85}.badge-neutre{background:var(--surface-douce);color:#475569;border:1px solid var(--bordure)}.badge-succes{background:var(--succes-doux);color:var(--succes-fonce);border:1px solid var(--succes-bordure)}.badge-alerte{background:var(--alerte-doux);color:var(--alerte-fonce);border:1px solid var(--alerte-bordure)}.badge-danger{background:var(--danger-doux);color:var(--danger-fonce);border:1px solid var(--danger-bordure)}.badge-info{background:var(--info-doux);color:var(--info);border:1px solid var(--info-bordure)}.badge-accent{background:var(--accent-doux);color:var(--accent-fonce);border:1px solid var(--accent-bordure)}.voile{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto;z-index:60}.modale{background:var(--surface);border-radius:var(--rayon-lg);width:100%;max-width:580px;box-shadow:var(--ombre-lg);border:1px solid var(--bordure);animation:apparition .14s ease-out}.modale-large{max-width:840px}@keyframes apparition{0%{opacity:0;transform:translateY(-6px)}}.modale-entete{padding:16px 20px;border-bottom:1px solid var(--bordure);display:flex;align-items:center;gap:12px}.modale-entete h2{font-size:15.5px;font-weight:600}.modale-fermer{margin-left:auto;background:none;border:none;font-size:20px;line-height:1;color:var(--texte-doux);cursor:pointer;padding:2px 6px;border-radius:4px}.modale-fermer:hover{color:var(--texte);background:var(--surface-douce)}.modale-corps{padding:20px}.modale-pied{padding:14px 20px;border-top:1px solid var(--bordure);display:flex;justify-content:flex-end;gap:8px;background:var(--fond);border-radius:0 0 var(--rayon-lg) var(--rayon-lg)}.etat-vide{padding:40px 20px;text-align:center;color:var(--texte-doux)}.etat-vide-icone{margin-bottom:10px;color:#94a3b8}.chargement{padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--texte-doux);font-size:13px;font-weight:500}.spin-cercle{width:22px;height:22px;border:2.5px solid var(--bordure);border-top-color:var(--accent);border-radius:50%;animation:rotation-spin .75s linear infinite}@keyframes rotation-spin{to{transform:rotate(360deg)}}.erreur-bandeau{background:var(--danger-doux);color:var(--danger-fonce);border:1px solid var(--danger-bordure);border-radius:var(--rayon-sm);padding:9px 13px;margin-bottom:14px;font-size:12.5px;display:flex;align-items:center;gap:8px}.toasts{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:90}.toast{background:var(--sombre);color:#fff;padding:10px 14px;border-radius:var(--rayon-sm);box-shadow:var(--ombre-lg);font-size:12.5px;max-width:360px;animation:apparition .14s ease-out;border-left:3px solid var(--accent)}.toast-succes{border-left-color:var(--succes)}.toast-erreur{border-left-color:var(--danger)}.graphique{display:flex;align-items:flex-end;gap:10px;height:160px;padding-top:10px}.graphique-colonne{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}.graphique-barre{width:100%;max-width:42px;background:var(--accent);border-radius:4px 4px 1px 1px;min-height:3px;transition:opacity .14s}.graphique-colonne:hover .graphique-barre{opacity:.8}.graphique-libelle{font-size:11px;color:var(--texte-doux);white-space:nowrap}.graphique-valeur{font-size:11px;font-weight:600;color:var(--texte-doux)}.liste-rangs{display:flex;flex-direction:column;gap:10px}.rang{display:flex;align-items:center;gap:10px}.rang-numero{width:20px;height:20px;border-radius:4px;background:var(--surface-douce);color:#475569;display:grid;place-items:center;font-size:11px;font-weight:600;flex-shrink:0}.rang-corps{flex:1;min-width:0}.rang-nom{font-weight:550;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rang-jauge{height:4px;background:var(--surface-douce);border-radius:999px;margin-top:3px;overflow:hidden}.rang-jauge span{display:block;height:100%;background:var(--accent);border-radius:999px}.caisse{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,1fr);gap:16px;align-items:start}@media (max-width: 1080px){.caisse{grid-template-columns:1fr}}.grille-produits{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;max-height:64vh;overflow-y:auto;padding:2px}.tuile-produit{border:1px solid var(--bordure);border-radius:var(--rayon-sm);padding:12px;background:var(--surface);cursor:pointer;text-align:left;transition:border-color .12s,box-shadow .12s;display:flex;flex-direction:column;gap:4px;box-shadow:var(--ombre-sm)}.tuile-produit:hover:not(:disabled){border-color:var(--accent);box-shadow:0 2px 8px #2563eb1a}.tuile-produit:active:not(:disabled){transform:scale(.99)}.tuile-produit:disabled{opacity:.5;cursor:not-allowed}.tuile-designation{font-weight:550;font-size:12.5px;line-height:1.3}.tuile-prix{color:var(--accent-fonce);font-weight:650;font-size:13px}.panier{position:sticky;top:16px}.ligne-panier{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid var(--bordure)}.ligne-panier:last-of-type{border-bottom:none}.panier-quantite{display:flex;align-items:center;gap:3px}.panier-quantite input{width:52px;height:28px;text-align:center;padding:0 4px;font-size:12.5px}.btn-rond{width:24px;height:24px;border-radius:5px;border:1px solid var(--bordure);background:var(--surface);cursor:pointer;font-size:13px;line-height:1;display:grid;place-items:center;flex-shrink:0}.btn-rond:hover:not(:disabled){background:var(--surface-douce)}.btn-rond:disabled{opacity:.4;cursor:not-allowed}.totaux{display:flex;flex-direction:column;gap:6px;padding-top:12px;margin-top:4px;border-top:1px dashed var(--bordure)}.totaux-ligne{display:flex;justify-content:space-between;font-size:13px}.totaux-ligne.grand{font-size:17px;font-weight:700;padding-top:6px;border-top:1px solid var(--bordure);color:var(--texte)}.recap{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px}.recap-item .secondaire{margin-bottom:1px}.recap-item strong{font-size:14.5px}.bloc-compte{margin:auto 8px 8px;display:flex;flex-direction:column;gap:6px}.barre-utilisateur{padding:8px 10px;background:#ffffff0a;border:1px solid var(--sombre-bordure);border-radius:var(--rayon-sm);display:flex;align-items:center;gap:9px}.utilisateur-avatar{width:30px;height:30px;border-radius:6px;background:var(--accent);color:#fff;font-weight:650;font-size:11.5px;display:grid;place-items:center;flex-shrink:0}.utilisateur-infos{flex:1;min-width:0}.utilisateur-nom{font-size:12.5px;font-weight:550;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.utilisateur-role{font-size:10.5px;color:#64748b;text-transform:capitalize}.btn-deconnexion{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 10px;border-radius:var(--rayon-sm);background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#fca5a5;font-size:12px;font-weight:500;cursor:pointer;transition:all .12s ease}.btn-deconnexion:hover{background:#ef44442e;border-color:#ef444466;color:#fecaca}.btn-deconnexion:active{transform:scale(.99)}.ecran-chargement-global{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--sombre);gap:14px}.spin-cercle-grand{width:34px;height:34px;border:3px solid rgba(255,255,255,.12);border-top-color:var(--accent);border-radius:50%;animation:rotation-spin .75s linear infinite}.texte-chargement-global{font-size:13px;font-weight:500;color:#94a3b8}.ecran-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--sombre);padding:24px 16px}.carte-login{width:100%;max-width:400px;background:var(--surface);border-radius:var(--rayon-lg);padding:30px 24px;box-shadow:0 20px 25px -5px #00000040;border:1px solid var(--bordure)}.login-marque{display:flex;align-items:center;gap:10px;margin-bottom:20px}.login-logo{width:34px;height:34px;border-radius:var(--rayon-sm);background:var(--accent);color:#fff;display:grid;place-items:center;flex-shrink:0}.login-nom{font-size:16px;font-weight:700;color:var(--sombre);line-height:1.2}.login-sous{font-size:11px;color:var(--texte-doux);font-weight:500}.login-titre-bloc{margin-bottom:20px}.login-titre-bloc h1{font-size:19px;font-weight:600;color:var(--sombre);margin:0 0 4px;letter-spacing:-.01em}.login-titre-bloc p{font-size:12.5px;color:var(--texte-doux);margin:0}.login-erreur{padding:9px 11px;background:var(--danger-doux);border:1px solid var(--danger-bordure);border-radius:var(--rayon-sm);color:var(--danger-fonce);font-size:12px;margin-bottom:16px;line-height:1.4}.login-formulaire{display:flex;flex-direction:column;gap:12px}.login-champ{display:flex;flex-direction:column;gap:4px}.login-champ label{font-size:12px;font-weight:550;color:#334155}.login-champ input{width:100%;height:38px;padding:0 11px;border-radius:var(--rayon-sm);border:1px solid var(--bordure);font-size:13px;color:var(--texte);background:#fff;transition:border-color .12s,box-shadow .12s}.login-champ input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2563eb1f}.login-champ-mdp{position:relative;display:flex;align-items:center}.login-champ-mdp input{padding-right:76px}.login-btn-visibilite{position:absolute;right:6px;padding:3px 7px;border-radius:4px;border:none;background:transparent;color:var(--texte-doux);font-size:11px;font-weight:550;cursor:pointer;transition:background .12s,color .12s}.login-btn-visibilite:hover{background:var(--surface-douce);color:var(--sombre)}.login-btn-soumettre{width:100%;height:38px;margin-top:4px;border-radius:var(--rayon-sm);border:none;background:var(--accent);color:#fff;font-size:13.5px;font-weight:600;cursor:pointer;transition:background .12s;box-shadow:0 1px 2px #2563eb33}.login-btn-soumettre:hover:not(:disabled){background:var(--accent-fonce)}.login-btn-soumettre:active:not(:disabled){transform:scale(.99)}.login-btn-soumettre:disabled{opacity:.6;cursor:not-allowed}.login-demo-bloc{margin-top:20px;padding-top:16px;border-top:1px solid var(--bordure)}.login-demo-titre{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin-bottom:8px}.login-demo-boutons{display:flex;flex-direction:column;gap:5px}.login-demo-pill{display:flex;align-items:center;justify-content:space-between;padding:7px 11px;border-radius:var(--rayon-sm);border:1px solid var(--bordure);background:var(--surface-douce);cursor:pointer;transition:all .12s ease;font-family:inherit}.login-demo-pill:hover{background:#e2e8f0;border-color:var(--bordure-forte)}.login-demo-pill.actif{background:var(--accent-doux);border-color:var(--accent-bordure)}.login-demo-nom{font-size:12px;font-weight:550;color:var(--sombre)}.login-demo-role{font-size:10.5px;font-weight:550;padding:1px 6px;border-radius:4px;background:#e2e8f0;color:#475569}.login-demo-pill.actif .login-demo-role{background:#dbeafe;color:#1e40af}.login-demo-info{margin-top:8px;font-size:11px;color:var(--texte-doux);text-align:center}.login-demo-info code{font-family:JetBrains Mono,monospace;font-weight:550;color:var(--sombre);background:#f1f5f9;padding:1px 5px;border-radius:4px}.login-pied{margin-top:16px;text-align:center;font-size:11px;color:#94a3b8}