*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--c-background);color:var(--c-text);font-family:var(--f-family);font-size:var(--f-size-base);-webkit-font-smoothing:antialiased;line-height:1.55}a{color:var(--c-navy);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{color:var(--c-navy);letter-spacing:-.01em;margin:0;font-weight:650;line-height:1.25}h1{font-size:var(--f-size-2xl)}h2{font-size:var(--f-size-xl)}h3{font-size:var(--f-size-lg)}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--l-sidebar-width);flex:0 0 var(--l-sidebar-width);background:var(--c-navy);color:var(--c-text-on-navy);padding:var(--s-lg) 0;flex-direction:column;display:flex}.sidebar__brand{padding:0 var(--s-lg) var(--s-lg);margin-bottom:var(--s-md);border-bottom:1px solid #ffffff17}.sidebar__nav{padding:0 var(--s-sm);flex-direction:column;flex:1;gap:2px;display:flex}.sidebar__link{padding:10px var(--s-md);border-radius:var(--r-md);color:var(--c-text-on-navy-muted);font-size:var(--f-size-sm);font-weight:500;display:block}.sidebar__link:hover{color:var(--c-text-on-navy);background:#ffffff12;text-decoration:none}.sidebar__link--actif{color:var(--c-text-on-navy);box-shadow:inset 3px 0 0 var(--c-orange);background:#ffffff1c}.sidebar__pied{padding:var(--s-md) var(--s-lg) 0;color:var(--c-text-on-navy-muted);border-top:1px solid #ffffff17;font-size:13px}.main{flex-direction:column;flex:1;min-width:0;display:flex}.main__contenu{width:100%;max-width:var(--l-content-max);padding:var(--s-xl);flex:1;min-width:0;margin:0 auto}.page-titre{margin-bottom:var(--s-lg)}.page-titre__soustitre{color:var(--c-text-muted);font-size:var(--f-size-sm);margin-top:var(--s-xs)}.carte{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--sh-card);padding:var(--s-lg)}.carte-stat__label{letter-spacing:.04em;text-transform:uppercase;color:var(--c-text-muted);font-size:13px;font-weight:600}.carte-stat__valeur{color:var(--c-navy);margin-top:var(--s-sm);font-variant-numeric:tabular-nums;font-size:28px;font-weight:650}.carte-stat__detail{color:var(--c-text-faint);margin-top:var(--s-xs);font-size:13px}.grille-stats{gap:var(--s-md);grid-template-columns:repeat(auto-fit,minmax(230px,1fr));display:grid}.tableau-conteneur{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);width:100%;max-width:100%;box-shadow:var(--sh-card);-webkit-overflow-scrolling:touch;overflow-x:auto}table.tableau{border-collapse:collapse;width:100%;font-size:var(--f-size-sm);white-space:nowrap}table.tableau th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--c-text-muted);background:var(--c-surface-muted);border-bottom:1px solid var(--c-border);padding:12px;font-size:12.5px;font-weight:600}table.tableau td{border-bottom:1px solid var(--c-border);color:var(--c-text);padding:13px 12px}.cellule-camion{max-width:210px}.cellule-camion__plaque{font-weight:600}.cellule-camion__proprietaire{color:var(--c-text-faint);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}table.tableau tbody tr:last-child td{border-bottom:none}table.tableau tbody tr:hover td{background:var(--c-navy-soft)}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.montant-negatif{color:var(--c-danger)}.badge{white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:12.5px;font-weight:600;display:inline-block}.badge--neutre{background:var(--c-neutral-badge-soft);color:var(--c-neutral-badge)}.badge--info{background:var(--c-info-soft);color:var(--c-info)}.badge--succes{background:var(--c-success-soft);color:var(--c-success)}.badge--accent{background:var(--c-orange-soft);color:var(--c-orange-dark)}.badge--alerte{background:var(--c-danger-soft);color:var(--c-danger)}.champ{margin-bottom:var(--s-md);display:block}.champ__label{font-size:var(--f-size-sm);color:var(--c-text);margin-bottom:6px;font-weight:600;display:block}.champ__aide{color:var(--c-text-faint);margin-top:5px;font-size:13px}.champ__saisie{width:100%;font-size:var(--f-size-base);color:var(--c-text);background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:var(--r-md);outline:none;padding:10px 12px;font-family:inherit}.champ__saisie:focus{border-color:var(--c-navy);box-shadow:0 0 0 3px var(--c-navy-soft)}.bouton{justify-content:center;align-items:center;gap:var(--s-sm);font-size:var(--f-size-base);border-radius:var(--r-md);cursor:pointer;border:1px solid #0000;padding:10px 18px;font-family:inherit;font-weight:600;display:inline-flex}.bouton--primaire{background:var(--c-navy);color:var(--c-text-on-navy)}.bouton--primaire:hover{background:var(--c-navy-light)}.bouton--accent{background:var(--c-orange);color:var(--c-navy-dark)}.bouton--accent:hover{background:var(--c-orange-dark);color:var(--c-text-on-navy)}.bouton--discret{background:var(--c-surface);color:var(--c-navy);border-color:var(--c-border-strong)}.bouton--discret:hover{background:var(--c-navy-soft)}.bouton:disabled{opacity:.55;cursor:not-allowed}.bouton--pleine-largeur{width:100%}.alerte{background:var(--c-danger-soft);border:1px solid var(--c-danger);color:var(--c-danger);padding:11px var(--s-md);border-radius:var(--r-md);font-size:var(--f-size-sm);margin-bottom:var(--s-md)}.connexion{min-height:100vh;padding:var(--s-lg);background:var(--c-navy-soft);justify-content:center;align-items:center;display:flex}.connexion__carte{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);width:100%;max-width:420px;box-shadow:var(--sh-raised);padding:var(--s-xl)}.connexion__logo{margin-bottom:var(--s-lg);justify-content:center;display:flex}.connexion__titre{text-align:center;margin-bottom:var(--s-xs)}.connexion__soustitre{text-align:center;color:var(--c-text-muted);font-size:var(--f-size-sm);margin-bottom:var(--s-lg)}.connexion__pied{text-align:center;color:var(--c-text-faint);margin-top:var(--s-lg);font-size:12.5px}.vide{padding:var(--s-xl);text-align:center;color:var(--c-text-muted);font-size:var(--f-size-sm)}.pile-lg>*+*{margin-top:var(--s-lg)}.pile-md>*+*{margin-top:var(--s-md)}@media (max-width:900px){.app-shell{flex-direction:column}.sidebar{width:100%;padding:var(--s-sm) 12px 10px;flex-direction:column;flex:none;align-items:stretch;gap:8px;overflow:visible}.sidebar__brand{border-bottom:none;flex:none;margin-bottom:0;padding:0}.sidebar__brand img{width:84px!important;height:auto!important}.sidebar__nav{flex-flow:wrap;flex:none;gap:6px;padding:0}.sidebar__link{background:#ffffff0f;border-radius:999px;padding:7px 12px;font-size:13.5px}.sidebar__link--actif{box-shadow:none;color:var(--c-text-on-navy);background:#ffffff29}.sidebar__pied{display:none}.main__contenu{padding:var(--s-md)}}.champ__erreur{color:var(--c-danger);margin-top:5px;font-size:13px;font-weight:500;display:block}.champ__saisie[aria-invalid=true]{border-color:var(--c-danger)}.entete-page{justify-content:space-between;align-items:flex-start;gap:var(--s-md);margin-bottom:var(--s-lg);flex-wrap:wrap;display:flex}.actions-formulaire{align-items:center;gap:var(--s-md);margin-top:var(--s-lg);padding-top:var(--s-md);border-top:1px solid var(--c-border);display:flex}.grille-champs{gap:0 var(--s-md);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.formulaire{max-width:720px}.section-formulaire{margin-top:var(--s-lg);padding-top:var(--s-md);border-top:1px solid var(--c-border)}.section-formulaire__titre{font-size:var(--f-size-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--c-text-muted);margin-bottom:var(--s-md);font-weight:700}.fil-ariane{color:var(--c-text-muted);margin-bottom:var(--s-sm);font-size:13.5px}.fil-ariane a{color:var(--c-text-muted)}.principal{font-weight:600}.secondaire{color:var(--c-text-faint);font-size:12.5px}.apercu-ecart{background:var(--c-surface-muted);border:1px solid var(--c-border);border-radius:var(--r-md);padding:12px var(--s-md);margin-bottom:var(--s-md)}.apercu-ecart__calcul{font-variant-numeric:tabular-nums;font-size:var(--f-size-sm);color:var(--c-text)}.apercu-ecart__note{color:var(--c-text-muted);margin-top:5px;font-size:13px}.champ__statique{font-size:var(--f-size-base);color:var(--c-text-muted);background:var(--c-surface-muted);border:1px solid var(--c-border);border-radius:var(--r-md);padding:10px 12px}.filtres{align-items:flex-end;gap:var(--s-md);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--sh-card);padding:var(--s-md);margin-bottom:var(--s-md);flex-wrap:wrap;display:flex}.filtres .champ{min-width:170px;margin-bottom:0}.barre-lot{align-items:center;gap:var(--s-md);background:var(--c-navy-soft);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:10px var(--s-md);margin-bottom:var(--s-md);font-size:var(--f-size-sm);flex-wrap:wrap;display:flex}.bouton--petit{padding:6px 12px;font-size:13.5px}.case-lot{cursor:pointer;width:16px;height:16px;accent-color:var(--c-navy)}table.tableau td.col-case,table.tableau th.col-case{width:34px;padding-right:0}tr.ligne-annulee td{opacity:.55;text-decoration:line-through;-webkit-text-decoration-color:var(--c-border-strong);text-decoration-color:var(--c-border-strong)}tr.ligne-annulee td .badge{text-decoration:none}body{overflow-wrap:break-word;word-break:normal}@media (max-width:640px){.main__contenu{padding:var(--s-md) 12px}.pile-lg>*+*{margin-top:var(--s-md)}h1{font-size:22px}h2{font-size:19px}h3{font-size:16px}.entete-page{margin-bottom:var(--s-md);gap:10px}.entete-page .bouton{width:100%}.carte{padding:var(--s-md)}.grille-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.carte-stat__label{letter-spacing:.03em;font-size:11px}.carte-stat__valeur{margin-top:2px;font-size:19px}.carte-stat__detail{font-size:11.5px;line-height:1.35}.grille-stats>.carte{padding:12px}.tableau-conteneur:has(.tableau--cartes){box-shadow:none;background:0 0;border:none;overflow-x:visible}table.tableau--cartes,table.tableau--cartes tbody,table.tableau--cartes tr,table.tableau--cartes td{width:100%;display:block}table.tableau--cartes thead{display:none}table.tableau--cartes tr{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--sh-card);margin-bottom:10px;padding:12px 14px}table.tableau--cartes tbody tr:hover td{background:0 0}table.tableau--cartes td{white-space:normal;text-align:left;border:none;justify-content:space-between;align-items:baseline;gap:12px;max-width:none;padding:3px 0;display:flex}table.tableau--cartes td:before{content:attr(data-label);letter-spacing:.03em;text-transform:uppercase;color:var(--c-text-muted);flex:none;font-size:11.5px;font-weight:600}table.tableau--cartes td[data-label=""]:before,table.tableau--cartes td:not([data-label]):before{content:none}table.tableau--cartes td.cellule-principale{border-bottom:1px solid var(--c-border);margin-bottom:6px;padding-bottom:8px;font-size:15.5px;display:block}table.tableau--cartes td.cellule-principale:before{content:none}table.tableau--cartes td .num,table.tableau--cartes td.num,table.tableau--cartes td>:last-child{text-align:right}.cellule-camion{max-width:none}.cellule-camion__proprietaire{white-space:normal;text-overflow:clip;overflow:visible}table.tableau--cartes td:empty{display:none}.filtres{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:8px 10px;padding:10px;display:grid}.filtres .champ{width:100%;min-width:0}.filtres .champ__label{letter-spacing:.03em;text-transform:uppercase;color:var(--c-text-muted);margin-bottom:3px;font-size:11.5px}.filtres .bouton{grid-column:1/-1;width:100%}table.tableau--cartes tr{position:relative}table.tableau--cartes td.col-case{width:auto;padding:0;display:block;position:absolute;top:12px;right:14px}table.tableau--cartes td.col-case+td,table.tableau--cartes tr>td.cellule-principale:first-child{padding-right:34px}.barre-lot{text-align:center;flex-direction:column;align-items:stretch;gap:10px}.barre-lot .bouton{width:100%}.grille-champs{grid-template-columns:1fr}.actions-formulaire{flex-direction:column;align-items:stretch}.actions-formulaire .bouton{width:100%}.champ__saisie{font-size:16px}}.postes{border:1px solid var(--c-border);border-radius:var(--r-lg);margin:0;overflow:hidden}.poste{justify-content:space-between;align-items:baseline;gap:var(--s-md);padding:12px var(--s-md);border-bottom:1px solid var(--c-border);display:flex}.poste:last-child{border-bottom:none}.poste__libelle{min-width:0;font-size:var(--f-size-sm);margin:0}.poste__detail{color:var(--c-text-faint);margin-top:2px;font-size:12.5px;display:block}.poste__montant{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;flex:none;margin:0}.poste--total{background:var(--c-surface-muted);font-weight:650}.poste--total .poste__libelle{font-weight:650}.tableau-conteneur--indice{position:relative}.indice-glissement{color:var(--c-text-muted);align-items:center;gap:6px;margin-bottom:6px;font-size:12.5px;display:none}@media (max-width:640px){.poste{padding:10px 12px}.poste__libelle{font-size:14px}.poste__detail{font-size:11.5px}.indice-glissement{display:flex}}@media print{.indice-glissement{display:none!important}}@supports (padding:max(0px)){.sidebar{padding-left:max(0px, env(safe-area-inset-left));padding-right:max(0px, env(safe-area-inset-right))}.main__contenu{padding-left:max(var(--s-xl), env(safe-area-inset-left));padding-right:max(var(--s-xl), env(safe-area-inset-right));padding-bottom:max(var(--s-xl), env(safe-area-inset-bottom))}@media (max-width:640px){.sidebar{padding-top:max(var(--s-sm), env(safe-area-inset-top))}.main__contenu{padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right));padding-bottom:max(var(--s-lg), env(safe-area-inset-bottom))}}}@media (max-width:640px){.filtres--compact{flex-flow:row;align-items:flex-end;display:flex}.filtres--compact .champ{flex:1 1 0;width:auto;min-width:0}.filtres--compact .bouton{flex:none;grid-column:auto;width:auto}}