@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Syne:wght@700;800&display=swap";
:root{--g50:#f0faf4;--g100:#d6f0e0;--g200:#a8dcba;--g400:#4caf7d;--g500:#2e9e60;--g600:#1d7a48;--g700:#155c36;--gr50:#f8f9fa;--gr100:#f1f3f5;--gr200:#e9ecef;--gr300:#dee2e6;--gr400:#ced4da;--gr500:#adb5bd;--gr600:#6c757d;--gr700:#495057;--gr800:#343a40;--gr900:#212529;--blanc:#fff;--fond:#f8f9fa;--bordure:#e9ecef;--rouge:#dc3545;--ambre:#d97706;--bleu:#3b6fd4;--rouge-alpha:#dc35451a;--ambre-alpha:#d977061a;--bleu-alpha:#3b6fd41a;--texte:#212529;--attenue:#6c757d;--discret:#adb5bd;--primaire:#1d7a48;--primaire-hover:#155c36;--font-titre:"Syne",sans-serif;--font-corps:"Inter",sans-serif;--font-mono:"Courier New",monospace;--rayon:8px;--rayon-lg:12px;--rayon-xl:16px;--ombre:0 1px 4px #0000000f,0 4px 16px #0000000a;--sidebar:240px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-corps);background:var(--fond);color:var(--texte);-webkit-font-smoothing:antialiased;line-height:1.6}h1,h2,h3,h4{font-family:var(--font-titre);color:var(--texte);line-height:1.15}p{color:var(--attenue)}a{color:var(--g600);text-decoration:none}.btn{border-radius:var(--rayon);font-family:var(--font-corps);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--g600);color:#fff}.btn-primary:hover{background:var(--g700);transform:translateY(-1px)}.btn-secondary{background:var(--blanc);color:var(--g600);border:1.5px solid var(--g200)}.btn-secondary:hover{background:var(--g50)}.btn-danger{color:var(--rouge);border:1.5px solid var(--rouge);background:0 0}.btn-danger:hover{background:var(--rouge-alpha)}.btn-sm{padding:6px 12px;font-size:.8rem}.btn-full{justify-content:center;width:100%}.card{background:var(--blanc);border:1px solid var(--bordure);border-radius:var(--rayon-lg);box-shadow:var(--ombre);padding:24px}.champ{flex-direction:column;gap:6px;display:flex}.champ label{color:var(--attenue);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:600}.champ input,.champ select{background:var(--blanc);border:1.5px solid var(--gr300);border-radius:var(--rayon);color:var(--texte);font-family:var(--font-corps);outline:none;width:100%;padding:10px 14px;font-size:.9rem;transition:border-color .2s}.champ input:focus,.champ select:focus{border-color:var(--g500);box-shadow:0 0 0 3px #1d7a481a}.champ input::placeholder{color:var(--discret)}.badge{border-radius:100px;align-items:center;gap:4px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.badge-vert{background:var(--g50);color:var(--g700);border:1px solid var(--g100)}.badge-rouge{color:var(--rouge);background:#fff5f5;border:1px solid #fecaca}.badge-ambre{color:var(--ambre);background:#fffbeb;border:1px solid #fde68a}.badge-bleu{color:var(--bleu);background:#eff6ff;border:1px solid #bfdbfe}.badge-gris{background:var(--gr100);color:var(--gr600);border:1px solid var(--gr200)}.tableau-wrapper{border-radius:var(--rayon-lg);border:1px solid var(--bordure);background:var(--blanc);overflow-x:auto}table{border-collapse:collapse;width:100%}thead th{background:var(--gr50);text-align:left;color:var(--discret);text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--bordure);white-space:nowrap;padding:10px 14px;font-size:.7rem;font-weight:700}tbody tr{border-bottom:1px solid var(--gr100);transition:background .1s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--gr50)}tbody td{color:var(--gr800);padding:12px 14px;font-size:.875rem}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--gr100)}::-webkit-scrollbar-thumb{background:var(--gr300);border-radius:100px}