@import"https://fonts.googleapis.com/css2?family=Archivo:wght@600;700&family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{--ardoise-900: #0a1628;--ardoise-700: #1e3a5f;--ardoise-500: #334e68;--ardoise-300: #94a3b8;--ardoise-200: #e2e8f0;--ardoise-050: #f1f5f9;--blanc: #FFFFFF;--obligation-700: #0369a1;--obligation-600: #0284c7;--obligation-050: #e0f2fe;--conforme-600: #059669;--conforme-050: #d1fae5;--marquage-500: #d97706;--marquage-050: #fef3c7;--alerte-600: #dc2626;--alerte-050: #fee2e2;--transit-600: #7c3aed;--transit-050: #ede9fe;--primary: var(--obligation-600);--primary-dark: var(--obligation-700);--primary-light: var(--obligation-050);--sidebar: var(--ardoise-900);--sidebar-hover: #20262b;--bg: var(--ardoise-050);--surface: var(--blanc);--text: var(--ardoise-900);--muted: var(--ardoise-500);--border: var(--ardoise-200);--danger: var(--alerte-600);--danger-light: var(--alerte-050);--success: var(--conforme-600);--success-light: var(--conforme-050);--warning: var(--marquage-500);--warning-light: var(--marquage-050);--info-light: var(--obligation-050);--esp-1: 4px;--esp-2: 8px;--esp-3: 12px;--esp-4: 16px;--esp-5: 24px;--esp-6: 32px;--esp-7: 48px;--esp-8: 64px;--rayon-controle: 4px;--rayon-carte: 4px;--rayon-pastille: 999px;--radius: 4px;--ombre-flottant: 0 8px 24px rgba(20, 24, 27, .16);--bordure: 1px solid var(--ardoise-200);--focus: 0 0 0 2px #FFF, 0 0 0 4px var(--obligation-600);--h-controle: 40px;--h-controle-mobile: 48px;--h-ligne: 44px;--sans: "IBM Plex Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--display: "Archivo", "IBM Plex Sans", sans-serif;--z-contenu: 0;--z-entete: 10;--z-menu: 20;--z-modale: 30;--z-notification: 50}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}body{font-family:var(--sans);font-size:15px;line-height:1.47;color:var(--ardoise-900);background:var(--ardoise-050);-webkit-font-smoothing:antialiased}h1,h2,h3{line-height:1.2;font-weight:600}a{color:var(--obligation-600)}button{font-family:inherit;cursor:pointer}:focus-visible{outline:none;box-shadow:var(--focus)}.display-xl{font-family:var(--display);font-weight:700;font-size:44px;line-height:1.09;letter-spacing:-.01em;font-stretch:expanded}.display-l{font-family:var(--display);font-weight:600;font-size:32px;line-height:1.25;font-stretch:expanded}.titre-1{font-size:24px;font-weight:600}.titre-2{font-size:18px;font-weight:600}.corps-fort{font-weight:600}.libelle{font-size:13px;font-weight:500;color:var(--ardoise-500);text-transform:none}.donnee{font-family:var(--mono);font-weight:500;font-variant-numeric:tabular-nums}.donnee-s{font-family:var(--mono);font-size:13px;font-variant-numeric:tabular-nums;color:var(--ardoise-500)}.micro{font-size:11px;font-weight:500;letter-spacing:.04em}.page{padding:var(--esp-6);max-width:1440px;width:100%}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--esp-4);margin-bottom:var(--esp-5)}.page-header p{color:var(--ardoise-500);margin-top:4px;max-width:60ch}.subtitle{color:var(--ardoise-500);font-size:.88rem;margin:2px 0 0}.card{background:var(--blanc);border:var(--bordure);border-radius:var(--rayon-carte);padding:var(--esp-5);margin-bottom:var(--esp-4)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--esp-3)}.card-header h2{margin:0;font-size:18px}.card-link{font-size:13px;font-weight:600;color:var(--obligation-600)}.grille-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--esp-4);margin-bottom:var(--esp-5)}.kpi{background:var(--blanc);border:var(--bordure);border-radius:var(--rayon-carte);padding:var(--esp-5)}.kpi-libelle{font-size:13px;color:var(--ardoise-500);font-weight:500;display:flex;align-items:center;justify-content:space-between}.kpi-valeur{margin:var(--esp-2) 0 4px}.kpi-frais{font-size:11px;color:var(--ardoise-300)}.grid{display:grid;gap:var(--esp-4)}.grid-4{grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}.grid-2{grid-template-columns:1fr 1fr}@media (max-width: 900px){.grid-2{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--esp-2);height:var(--h-controle);padding:0 var(--esp-4);border-radius:var(--rayon-controle);font-size:14px;font-weight:600;border:1px solid transparent;transition:background .12s,border-color .12s,color .12s;white-space:nowrap;cursor:pointer}.btn svg{width:16px;height:16px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-sm{height:32px;padding:0 var(--esp-3);font-size:13px}.btn-primaire{background:var(--obligation-600);color:#fff}.btn-primaire:hover{background:var(--obligation-700)}.btn-secondaire{background:var(--blanc);color:var(--ardoise-900);border-color:var(--ardoise-200)}.btn-secondaire:hover{background:var(--ardoise-050);border-color:var(--ardoise-300)}.btn-fantome{background:none;color:var(--ardoise-700)}.btn-fantome:hover{background:var(--ardoise-050)}.btn-danger{background:var(--blanc);color:var(--alerte-600);border-color:var(--ardoise-200)}.btn-danger:hover{background:var(--alerte-050);border-color:var(--alerte-600)}.champ{margin-bottom:var(--esp-4)}.champ>label{display:block;font-size:13px;font-weight:500;color:var(--ardoise-500);margin-bottom:6px}.saisie{width:100%;height:var(--h-controle);padding:0 var(--esp-3);border:var(--bordure);border-radius:var(--rayon-controle);font-family:inherit;font-size:15px;color:var(--ardoise-900);background:var(--blanc)}.saisie:focus{outline:none;border-color:var(--obligation-600);box-shadow:0 0 0 3px var(--obligation-050)}.saisie[aria-invalid=true]{border-color:var(--alerte-600)}.saisie[aria-invalid=true]:focus{box-shadow:0 0 0 3px var(--alerte-050)}.saisie:disabled{background:var(--ardoise-050);color:var(--ardoise-300)}.champ-erreur{color:var(--alerte-600);font-size:13px;margin-top:6px;display:flex;align-items:center;gap:6px}input,select,textarea{width:100%;padding:10px var(--esp-3);border:var(--bordure);border-radius:var(--rayon-controle);font-family:inherit;font-size:15px;background:var(--blanc);color:var(--ardoise-900)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--obligation-600);box-shadow:0 0 0 3px var(--obligation-050)}label{display:block;font-size:13px;font-weight:500;color:var(--ardoise-500);margin-bottom:6px}.field{margin-bottom:var(--esp-4)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--esp-4)}@media (max-width: 700px){.form-row{grid-template-columns:1fr}}.checkbox-row{display:flex;align-items:center;gap:8px}.checkbox-row input{width:auto}.checkbox-row label{margin:0;font-weight:500;color:var(--ardoise-900)}.radio-group{display:flex;gap:20px}.radio-item{display:flex;align-items:center;gap:7px;cursor:pointer}.radio-item input{width:auto}.tbl-enveloppe{background:var(--blanc);border:var(--bordure);border-radius:4px;overflow:hidden}table,.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl thead th,thead th{text-align:left;font-size:12px;font-weight:600;color:var(--ardoise-500);letter-spacing:.02em;padding:10px var(--esp-4);border-bottom:var(--bordure);background:var(--ardoise-050);white-space:nowrap}th{text-align:left}th.num,td.num{text-align:right}tbody td,.tbl tbody td{padding:0 var(--esp-4);height:var(--h-ligne);border-bottom:1px solid var(--ardoise-200);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--obligation-050)}.cel-code{font-family:var(--mono);font-weight:500;font-size:13px}.cel-second{color:var(--ardoise-500);font-size:13px}.badge{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 var(--esp-2);border-radius:var(--rayon-controle);font-size:12px;font-weight:600;line-height:1}.badge:before{content:"";width:7px;height:7px;border-radius:999px;flex-shrink:0}.badge-conforme,.badge-ACTIVE,.badge-APPROVED,.badge-COMPLETED,.badge-DELIVERED,.badge-CREDIT,.badge-SENT{background:var(--conforme-050);color:var(--conforme-600)}.badge-conforme:before,.badge-ACTIVE:before,.badge-APPROVED:before,.badge-COMPLETED:before,.badge-DELIVERED:before,.badge-CREDIT:before,.badge-SENT:before{background:var(--conforme-600)}.badge-marquage,.badge-PENDING,.badge-PROCESSING{background:var(--marquage-050);color:var(--ardoise-900)}.badge-marquage:before,.badge-PENDING:before,.badge-PROCESSING:before{background:var(--marquage-500)}.badge-alerte,.badge-FAILED,.badge-CANCELLED,.badge-BLOCKED,.badge-REVOKED,.badge-DEBIT,.badge-REJECTED{background:var(--alerte-050);color:var(--alerte-600)}.badge-alerte:before,.badge-FAILED:before,.badge-CANCELLED:before,.badge-BLOCKED:before,.badge-REVOKED:before,.badge-DEBIT:before,.badge-REJECTED:before{background:var(--alerte-600)}.badge-transit{background:var(--transit-050);color:var(--transit-600)}.badge-transit:before{background:var(--transit-600)}.badge-neutre,.badge-DRAFT,.badge-INACTIVE,.badge-SUSPENDED{background:var(--ardoise-050);color:var(--ardoise-500)}.badge-neutre:before,.badge-DRAFT:before,.badge-INACTIVE:before,.badge-SUSPENDED:before{background:var(--ardoise-300)}.alert{padding:12px 16px;border-radius:var(--rayon-controle);margin-bottom:var(--esp-4);font-size:14px;display:flex;gap:var(--esp-3);align-items:flex-start}.alert-error,.bandeau-alerte{background:var(--alerte-050);color:var(--alerte-600)}.alert-success,.bandeau-conforme{background:var(--conforme-050);color:var(--conforme-600)}.bandeau-marquage{background:var(--marquage-050);color:var(--ardoise-900)}.bandeau-transit{background:var(--transit-050);color:var(--transit-600)}.bandeau-info{background:var(--obligation-050);color:var(--obligation-700)}.bandeau{display:flex;gap:var(--esp-3);padding:var(--esp-3) var(--esp-4);border-radius:var(--rayon-controle);font-size:14px;align-items:flex-start}.bandeau svg{width:18px;height:18px;flex-shrink:0;margin-top:1px}.bandeau-corps{flex:1}.bandeau-actions{display:flex;gap:var(--esp-2);margin-top:var(--esp-2);flex-wrap:wrap}.progress{height:7px;background:var(--ardoise-200);border-radius:999px;overflow:hidden;min-width:90px}.progress-fill{height:100%;background:var(--obligation-600);border-radius:999px;transition:width .3s}.pagination{display:flex;gap:10px;align-items:center;margin-top:var(--esp-3);font-size:14px;color:var(--ardoise-500)}.empty{color:var(--ardoise-500);text-align:center;padding:var(--esp-7) var(--esp-4)}.toolbar{display:flex;gap:var(--esp-2);align-items:center;flex-wrap:wrap}.toolbar input,.toolbar select{width:auto}.filtres{display:flex;align-items:center;gap:var(--esp-2);flex-wrap:wrap;margin-bottom:var(--esp-4)}.puce{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 var(--esp-3);border:var(--bordure);border-radius:var(--rayon-pastille);font-size:13px;font-weight:500;background:var(--blanc)}.puce[data-actif=true]{background:var(--obligation-050);border-color:var(--obligation-600);color:var(--obligation-700)}.jauge{position:relative;height:10px;background:var(--ardoise-200);border-radius:999px;overflow:hidden}.jauge-remplissage{position:absolute;inset:0 auto 0 0;background:var(--conforme-600);border-radius:999px}.stat-card{position:relative}.stat-title{color:var(--ardoise-500);font-size:13px;font-weight:500}.stat-value{font-family:var(--display);font-weight:700;font-size:44px;line-height:1.09;letter-spacing:-.01em;font-stretch:expanded;margin:var(--esp-2) 0 4px}.stat-value small{font-size:14px;font-weight:600;color:var(--ardoise-500);margin-left:4px;font-family:var(--sans);font-stretch:normal;letter-spacing:0}.stat-icon{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:var(--rayon-controle);display:flex;align-items:center;justify-content:center}.stat-icon svg{width:20px;height:20px}.stat-icon.blue{background:var(--obligation-050);color:var(--obligation-600)}.stat-icon.green{background:var(--conforme-050);color:var(--conforme-600)}.stat-icon.orange{background:var(--marquage-050);color:var(--ardoise-900)}.stat-icon.red{background:var(--alerte-050);color:var(--alerte-600)}.stat-link{font-size:13px;font-weight:600;color:var(--obligation-600);display:inline-block;margin-top:6px}.wizard-steps{display:flex;gap:8px;margin-bottom:var(--esp-5);flex-wrap:wrap}.wizard-step{display:flex;align-items:center;gap:8px;color:var(--ardoise-500);font-size:13px;font-weight:600}.wizard-step .step-dot{width:26px;height:26px;border-radius:50%;background:var(--ardoise-200);color:var(--ardoise-500);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.wizard-step.active{color:var(--obligation-600)}.wizard-step.active .step-dot{background:var(--obligation-600);color:#fff}.wizard-step.done .step-dot{background:var(--conforme-600);color:#fff}.wizard-step+.wizard-step:before{content:"";width:26px;height:2px;background:var(--ardoise-200);margin-right:8px}.wizard-actions{display:flex;justify-content:space-between;margin-top:var(--esp-5)}.preview-bubble{background:var(--ardoise-050);border:var(--bordure);border-radius:var(--rayon-carte);padding:var(--esp-4);white-space:pre-wrap;font-size:14px;max-width:420px}.recap-box{background:var(--conforme-050);color:var(--conforme-600);border-radius:var(--rayon-controle);padding:12px 16px;font-size:14px;font-weight:600;margin-top:var(--esp-3)}.var-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.var-chip{background:var(--ardoise-050);border:var(--bordure);border-radius:var(--rayon-controle);padding:5px 10px;font-size:13px;font-family:var(--mono);cursor:pointer;transition:background .12s}.var-chip:hover{background:var(--obligation-050)}.legend{display:flex;flex-direction:column;gap:8px;font-size:14px}.legend-item{display:flex;align-items:center;gap:8px}.legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}code{background:var(--ardoise-050);padding:2px 6px;border-radius:var(--rayon-controle);font-size:.85em;font-family:var(--mono)}.toast-zone{position:fixed;bottom:var(--esp-5);right:var(--esp-5);z-index:var(--z-notification);display:flex;flex-direction:column;gap:var(--esp-2)}.toast{background:var(--ardoise-900);color:#fff;padding:var(--esp-3) var(--esp-4);border-radius:var(--rayon-controle);box-shadow:var(--ombre-flottant);display:flex;align-items:center;gap:var(--esp-3);font-size:14px;min-width:280px}@media (max-width: 1000px){.page{padding:var(--esp-4)}.grille-kpi{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.page-header{flex-direction:column}.grille-kpi{grid-template-columns:1fr}.tbl-enveloppe{overflow-x:auto;-webkit-overflow-scrolling:touch}.tbl{min-width:500px}.grid,.grid-2{grid-template-columns:1fr!important}.kpi-valeur{font-size:1.6rem!important}.bandeau{flex-direction:column;align-items:flex-start}.page-header h1{font-size:1.4rem}}