*{box-sizing:border-box}body{color:#222;background:#f5f6f8;margin:0;font:14px/1.4 system-ui,sans-serif}button{font:inherit;color:#fff;cursor:pointer;background:#2b5cab;border:1px solid #2b5cab;border-radius:4px;padding:6px 12px}button:disabled{opacity:.6;cursor:default}button.lien{color:#2b5cab;background:0 0;border:none;padding:0 0 0 8px}input,select,textarea{font:inherit;border:1px solid #bbb;border-radius:4px;width:100%;padding:6px 8px}.erreur{color:#b00020}.chargement{text-align:center;color:#666;padding:40px}.connexion{background:#fff;border-radius:8px;gap:12px;max-width:340px;margin:10vh auto;padding:24px;display:grid;box-shadow:0 1px 4px #0002}.connexion h1{margin:0}.connexion .sous-titre{color:#666;margin:0}.connexion label{gap:4px;display:grid}.entete{background:#fff;border-bottom:1px solid #ddd;flex-wrap:wrap;align-items:center;gap:24px;padding:10px 20px;display:flex}.entete nav{flex:1;gap:4px;display:flex}.entete nav a{color:#333;border-radius:4px;padding:6px 10px;text-decoration:none}.entete nav a.actif{color:#2b5cab;background:#e6edf8}.utilisateur{color:#666}main{padding:20px}.barre{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:12px;display:flex}.barre .recherche{max-width:360px}.case{white-space:nowrap;align-items:center;gap:6px;display:flex}.case input{width:auto}.compte{color:#666}.tableau-defile{background:#fff;border-radius:6px;overflow-x:auto;box-shadow:0 1px 3px #0001}.tableau{border-collapse:collapse;width:100%}.tableau th,.tableau td{text-align:left;white-space:nowrap;border-bottom:1px solid #eee;padding:7px 10px}.tableau th{background:#fafbfc;font-weight:600;position:sticky;top:0}.tableau tbody tr{cursor:pointer}.tableau tbody tr:hover{background:#f2f6fc}.tableau tr.archive{color:#999}.tableau .num{text-align:right}.tableau .vide{text-align:center;color:#888;cursor:default}.mono{font-family:ui-monospace,monospace}.inconnu{color:#b06000;font-style:italic}.badge{border-radius:10px;padding:1px 7px;font-size:12px;font-weight:600;display:inline-block}.badge.retard{color:#a40000;background:#fde3e3}.detail h4{margin:24px 0 8px}.titre-detail{justify-content:space-between;align-items:center;gap:12px;display:flex}.titre-detail h3{align-items:center;gap:8px;margin:0;display:flex}.fiche{background:#fff;border-radius:6px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px 24px;padding:14px;display:grid;box-shadow:0 1px 3px #0001}.fiche dt{color:#777;font-size:12px}.fiche dd{margin:2px 0 0}.tableau.statique tbody tr{cursor:default}.tableau td.change{color:#a40000;font-weight:600}.badge.gris{color:#555;background:#e5e5e5}button.secondaire{color:#2b5cab;background:#fff}button.lien.danger{color:#b00020}.ajout{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.ajout select{max-width:520px}.court{max-width:120px}.import{max-width:1100px}.import textarea{white-space:pre;tab-size:12;font-family:ui-monospace,monospace;font-size:12px}.aide{color:#555}.resume{background:#fff;border-radius:6px;margin-top:20px;padding:14px;box-shadow:0 1px 3px #0001}.resume h4{margin:12px 0 8px}.compteurs{gap:24px;font-size:15px;display:flex}.texte-long{white-space:normal}.code{min-width:110px;font-weight:600}.succes{color:#1b7a2c}.formulaire{background:#fff;border-radius:6px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px 20px;padding:16px;display:grid;box-shadow:0 1px 3px #0001}.formulaire label{align-content:start;gap:4px;display:grid}.formulaire label span{color:#555;font-size:12px}.formulaire label.large{grid-column:1/-1}.formulaire label.case{align-self:end;display:flex}.formulaire :disabled{color:#333;background:#fafafa}.actions{align-items:center;gap:12px;margin-top:12px;display:flex}.actions .danger{margin-left:auto}button.danger{color:#b00020;background:#fff;border-color:#b00020}a.bouton{color:#fff;background:#2b5cab;border-radius:4px;margin-left:auto;padding:6px 12px;text-decoration:none}.tableau td.produits{text-overflow:ellipsis;max-width:320px;overflow:hidden}.etiquettes{flex-wrap:wrap;gap:8px;display:flex}.etiquette{color:#2b5cab;background:#e6edf8;border-radius:12px;align-items:center;padding:3px 4px 3px 10px;display:inline-flex}.etiquette button.lien{padding:0 6px;font-size:16px;line-height:1}.carte{background:#fff;border-radius:6px;margin-bottom:16px;padding:14px 16px;box-shadow:0 1px 3px #0001}.carte h4{margin:0 0 10px}.carte summary{cursor:pointer;color:#2b5cab}.carte details[open] summary,.carte[open] summary{margin-bottom:10px}.tuiles{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px;display:grid}.tuile{background:#fff;border-radius:6px;gap:2px;padding:14px 16px;display:grid;box-shadow:0 1px 3px #0001}.tuile-titre{color:#555;font-size:12px}.tuile strong{font-variant-numeric:tabular-nums;font-size:24px}.tuile-note{color:#888;font-size:12px}.graphique{width:100%;position:relative}.graphique svg{display:block}.graphique .grille{stroke:#eceef1}.graphique .axe{stroke:#bbb}.graphique .graduation,.graphique .mois,.graphique .annee{fill:#666;font-size:11px}.graphique .annee{fill:#999}.graphique .mois.en-cours{fill:#2b5cab;font-weight:600}.graphique .barre{fill:#2b5cab}.graphique .barre.en-cours{fill:#9bb5df}.graphique .barre.active{fill:#1d4485}.graphique .barre.en-cours.active{fill:#7f9fd3}.graphique .cible{fill:#0000;cursor:pointer}.infobulle{z-index:1;pointer-events:none;white-space:nowrap;font-variant-numeric:tabular-nums;background:#fff;border:1px solid #ddd;border-radius:6px;gap:2px;padding:8px 10px;font-size:13px;display:grid;position:absolute;box-shadow:0 2px 8px #0002}.sous-onglets{border-bottom:1px solid #ddd;gap:2px;margin:-4px 0 16px;display:flex;overflow-x:auto}.sous-onglets a{color:#555;white-space:nowrap;border-bottom:2px solid #0000;padding:8px 14px;text-decoration:none}.sous-onglets a.actif{color:#2b5cab;border-bottom-color:#2b5cab;font-weight:600}.journee-entete{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.journee-entete h4{text-align:center;flex:230px;margin:0}.journee-entete input[type=date]{width:auto}.journee .tuiles{margin-bottom:14px}.journee .tuile{box-shadow:none;border:1px solid #e6e8eb}.tuile.principale{background:#f2f6fc;border-color:#c9d7ef}.tuile.principale strong{color:#1d4485;font-size:30px}.vide-jour{text-align:center;padding:24px 0}.comparatif{gap:8px;margin-bottom:14px;display:grid}.ligne-barre{grid-template-columns:170px 1fr 120px;align-items:center;gap:10px;display:grid}.ligne-barre strong{text-align:right;font-variant-numeric:tabular-nums}.piste{background:#eef0f3;border-radius:4px;height:14px;overflow:hidden}.remplie{border-radius:4px;height:100%}.remplie.ventes{background:#2b5cab}.remplie.paiements{background:#5f8fd6}.ecart{border-radius:6px;margin:4px 0 0;padding:8px 12px;font-weight:600}.ecart.ok{color:#1b7a2c;background:#e7f5ea}.ecart.attention{color:#8a5300;background:#fff4e0}.paiements-types{max-width:480px}.paiements-types tfoot th{border-top:2px solid #ddd}.paiements-types tfoot .num{text-align:right}.journee{container-type:inline-size}@container (width<=560px){.ligne-barre{grid-template-columns:1fr auto}.ligne-barre .piste{grid-area:2/1/auto/-1}.journee-entete h4{flex-basis:100%;order:-1}.journee-entete input[type=date]{flex-basis:100%;order:1}.journee-entete button:last-of-type{margin-left:auto}.journee .tuiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.journee .tuile{padding:10px 12px}.paiements-types th,.paiements-types td{padding:7px 6px}.journee .tuile.principale{grid-column:1/-1}.journee .tuile strong{font-size:18px}.journee .tuile.principale strong{font-size:26px}}.paiements-types tfoot tr.secondaire td{color:#777;font-size:13px}.representants{margin-bottom:16px}.representants h5{margin:0 0 8px;font-size:14px}.rep-ligne{cursor:pointer;border-radius:4px;grid-template-columns:minmax(80px,180px) minmax(0,1fr);align-items:center;gap:10px;padding:2px 4px;display:grid;position:relative}.rep-ligne:hover,.rep-ligne.active{background:#f2f6fc}.rep-nom{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rep-barre{min-width:0;overflow:hidden}.rep-barre svg{display:block}.rep-barre rect{fill:#2b5cab}.rep-barre rect.gris{fill:#a3a9b3}.rep-ligne.active rect:not(.gris){fill:#1d4485}.rep-barre text{fill:#222;font-variant-numeric:tabular-nums;font-size:13px}.rep-barre .part{fill:#777;font-size:11px}.rep-infobulle{z-index:2;white-space:nowrap;pointer-events:none;font-variant-numeric:tabular-nums;background:#fff;border:1px solid #ddd;border-radius:6px;gap:2px;margin-top:2px;padding:8px 10px;font-size:13px;display:grid;position:absolute;top:100%;left:50%;box-shadow:0 2px 8px #0002}@container (width<=560px){.rep-ligne{grid-template-columns:minmax(60px,34%) minmax(0,1fr);gap:6px}.rep-infobulle{left:8px}.rep-barre text{font-size:12px}.rep-barre .part{font-size:10px}}