:root{--vert: #5E9E1E;--vert-fonce: #497A17;--vert-clair: #EBF5DB;--orange: #F39200;--rouge: #D7263D;--rouge-clair: #FBE7EA;--ambre: #E59500;--ambre-clair: #FCF3E2;--encre: #121826;--encre-doux: #6B7280;--bord: #E5E7EB;--fond: #F5F7FB;--carte: #FFFFFF;--ombre: 0 1px 2px rgba(18, 24, 38, .05), 0 8px 24px -18px rgba(18, 24, 38, .4)}*{box-sizing:border-box}body{margin:0;background:var(--fond);color:var(--encre);font:15px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.muet{color:var(--encre-doux)}.rouge{color:var(--rouge)}.vert{color:var(--vert)}.connexion{min-height:100vh;display:grid;place-items:center;padding:24px}.connexion form{background:var(--carte);padding:34px;border-radius:16px;box-shadow:var(--ombre);width:100%;max-width:380px}.connexion h1{font-size:22px;margin:0 0 4px}.connexion p.sous{margin:0 0 24px;color:var(--encre-doux);font-size:14px}label{display:block;font-size:13px;color:var(--encre-doux);margin:14px 0 5px}input{width:100%;padding:10px 12px;border:1px solid var(--bord);border-radius:9px;font:inherit;background:var(--fond);color:var(--encre)}input:focus{outline:2px solid var(--vert);outline-offset:1px;border-color:var(--vert)}button.principal{width:100%;margin-top:20px;padding:11px;border:0;border-radius:9px;background:var(--vert);color:#fff;font:inherit;font-weight:600;cursor:pointer}button.principal:hover{background:var(--vert-fonce)}button.principal:disabled{opacity:.55;cursor:default}.erreur{margin-top:16px;padding:10px 12px;border-radius:9px;background:var(--rouge-clair);color:var(--rouge);font-size:13px}header.barre{background:var(--carte);border-bottom:1px solid var(--bord);padding:0 24px;display:flex;align-items:center;gap:24px;position:sticky;top:0;z-index:10}.marque{font-weight:700;letter-spacing:-.2px;padding:16px 0;white-space:nowrap;display:flex;align-items:center;gap:9px}.marque img{border-radius:6px;display:block}.marque span{color:var(--vert)}nav{display:flex;gap:2px;flex:1;flex-wrap:wrap}nav button{border:0;background:none;font:inherit;color:var(--encre-doux);padding:18px 14px;cursor:pointer;border-bottom:2px solid transparent}nav button:hover{color:var(--encre)}nav button[aria-current=page]{color:var(--vert-fonce);font-weight:600;border-bottom-color:var(--vert)}.qui{text-align:right;font-size:13px;line-height:1.35;padding:10px 0}.qui strong{display:block}.qui button{border:0;background:none;color:var(--encre-doux);font:inherit;font-size:12px;cursor:pointer;text-decoration:underline;padding:0}main{padding:24px;max-width:1400px;margin:0 auto}.entete{display:flex;align-items:flex-end;gap:16px;margin-bottom:18px;flex-wrap:wrap}.entete h1{font-size:21px;margin:0}.entete p{margin:2px 0 0;color:var(--encre-doux);font-size:14px}.entete .actions{margin-left:auto;display:flex;gap:8px}button.secondaire{padding:8px 14px;border:1px solid var(--bord);border-radius:8px;background:var(--carte);font:inherit;font-size:14px;cursor:pointer;color:var(--encre)}button.secondaire:hover{border-color:var(--vert);color:var(--vert-fonce)}.tuiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:20px}.tuile{background:var(--carte);border:1px solid var(--bord);border-radius:12px;padding:16px}.tuile .lib{font-size:12px;color:var(--encre-doux);text-transform:uppercase;letter-spacing:.06em}.tuile .val{font-size:25px;font-weight:700;margin-top:6px;font-variant-numeric:tabular-nums}.tuile .note{font-size:12px;color:var(--encre-doux);margin-top:4px}.cadre{background:var(--carte);border:1px solid var(--bord);border-radius:12px;overflow:hidden}.defilement{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--encre-doux);padding:11px 14px;background:var(--fond);border-bottom:1px solid var(--bord);white-space:nowrap;position:sticky;top:0}th.tri{cursor:pointer;-webkit-user-select:none;user-select:none}th.tri:hover{color:var(--encre)}td{padding:11px 14px;border-bottom:1px solid var(--bord)}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--fond)}tfoot td{background:var(--fond);font-weight:600;border-top:1px solid var(--bord);border-bottom:0}.ref{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12.5px;color:var(--vert-fonce)}.etat{font-size:11.5px;padding:3px 8px;border-radius:99px;white-space:nowrap}.etat.ok{background:var(--vert-clair);color:var(--vert-fonce)}.etat.attente{background:var(--ambre-clair);color:var(--ambre)}.etat.annule{background:var(--rouge-clair);color:var(--rouge)}.filtres{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap;align-items:center}.filtres input,.filtres select{width:auto;min-width:190px;padding:8px 11px;background:var(--carte);font-size:14px}.puce{padding:7px 13px;border:1px solid var(--bord);border-radius:99px;background:var(--carte);font:inherit;font-size:13.5px;cursor:pointer;color:var(--encre-doux)}.puce[aria-pressed=true]{background:var(--vert-clair);border-color:var(--vert);color:var(--vert-fonce);font-weight:600}.vide{padding:46px 24px;text-align:center;color:var(--encre-doux)}.chargement{padding:46px;text-align:center;color:var(--encre-doux)}.note-bas{margin-top:14px;font-size:12.5px;color:var(--encre-doux);line-height:1.6;max-width:90ch}@media(max-width:720px){header.barre{flex-wrap:wrap;gap:8px;padding:0 14px}nav button{padding:12px 10px}main{padding:14px}}