:root{--color-primary: #0e7c61;--color-primary-dark: #0a5c48;--color-primary-darker: #073f32;--color-primary-light: #e3f3ee;--color-accent: #f4a100;--color-accent-dark: #c67f00;--color-accent-light: #fdf1db;--color-danger: #d7263d;--color-danger-dark: #8a1424;--color-danger-light: #fbe7ea;--color-success: #2e7d32;--color-success-dark: #1e5e22;--color-success-light: #e3f3e4;--color-info: #1565c0;--color-info-dark: #0b4b8c;--color-info-light: #e4eefb;--color-neutral-dark: #4a5854;--color-neutral-light: #eef1ef;--gray-0: #ffffff;--gray-50: #f5f7f6;--gray-100: #eef1ef;--gray-200: #dde3e0;--gray-300: #c4cdc9;--gray-400: #9aa7a1;--gray-500: #748179;--gray-600: #5b6660;--gray-700: #3e4844;--gray-800: #262e2a;--gray-900: #1a1f1d;--color-bg: var(--gray-50);--color-surface: var(--gray-0);--color-text: var(--gray-900);--color-text-muted: var(--gray-600);--color-border: var(--gray-200);--color-border-strong: var(--gray-300);--focus-ring-color: #1565c0;--shadow-1: 0 1px 2px rgba(20, 30, 26, .07), 0 1px 1px rgba(20, 30, 26, .04);--shadow-2: 0 6px 16px rgba(20, 30, 26, .12), 0 2px 4px rgba(20, 30, 26, .06);--shadow-modal: 0 24px 60px rgba(8, 16, 14, .28);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--radius-btn: 14px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 40px;--sp-8: 48px;--sp-9: 64px;--tap-livreur: 56px;--font-base: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--fs-12: .75rem;--fs-13: .8125rem;--fs-14: .875rem;--fs-16: 1rem;--fs-18: 1.125rem;--fs-20: 1.25rem;--fs-24: 1.5rem;--fs-32: 2rem;--badge-info-bg: #e4eefb;--badge-info-text: #0b4b8c;--badge-warning-bg: #fdf1db;--badge-warning-text: #7a4e00;--badge-primary-bg: #e3f3ee;--badge-primary-text: #0a5c48;--badge-success-bg: #e3f3e4;--badge-success-text: #1e5e22;--badge-danger-bg: #fbe7ea;--badge-danger-text: #8a1424;--badge-neutral-bg: #eef1ef;--badge-neutral-text: #3e4844;--color-pay-cash: #3e4844;--color-pay-cash-tint: #eef1ef;--color-pay-om: #cc5500;--color-pay-om-tint: #ffe9d6;--color-pay-mtn-text: #7a5b00;--color-pay-mtn-tint: #fff6d6;--color-pay-mtn: #ffcb05}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-base);background:var(--color-bg);color:var(--color-text);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-weight:700;line-height:1.25;margin:0 0 var(--sp-3)}p{margin:0 0 var(--sp-3)}a{color:var(--color-primary-dark)}:focus{outline:2px solid var(--focus-ring-color);outline-offset:2px}:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px;border-radius:4px}.nav-link2:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.tnum{font-variant-numeric:tabular-nums}.icon{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;display:inline-block;vertical-align:middle;flex-shrink:0}.icon-sm{width:16px;height:16px}.icon-lg{width:28px;height:28px}.icon-xl{width:40px;height:40px}.icon-spin{animation:ds-spin .9s linear infinite;transform-origin:50% 50%}@keyframes ds-spin{to{transform:rotate(360deg)}}@keyframes ds-pulse{0%,to{opacity:1}50%{opacity:.3}}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--fs-12);background:var(--gray-100);color:var(--gray-800);padding:2px 6px;border-radius:4px}.skip-link{position:absolute;left:-9999px;top:0;background:#000;color:#fff;padding:8px 16px;z-index:200}.skip-link:focus{left:8px;top:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-base);font-size:var(--fs-14);font-weight:700;padding:0 20px;height:44px;border-radius:var(--radius-btn);border:1.5px solid transparent;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background-color .15s ease-out,box-shadow .15s ease-out,transform .1s ease-out}.btn--lg{height:48px;font-size:var(--fs-16);padding:0 24px}.btn--sm{height:36px;font-size:var(--fs-13);padding:0 14px}.btn--block{width:100%}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark)}.btn-primary:active{background:var(--color-primary-darker)}.btn-primary:disabled{background:var(--gray-300);color:var(--gray-500);cursor:not-allowed}.btn-secondary{background:#fff;color:var(--color-primary-dark);border-color:var(--color-border-strong)}.btn-secondary:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.btn-secondary:disabled{color:var(--gray-400);border-color:var(--color-border);cursor:not-allowed}.btn-accent{background:var(--color-accent);color:#3a2600}.btn-accent:hover{background:var(--color-accent-dark);color:#fff}.btn-danger{background:#fff;color:var(--color-danger);border-color:var(--color-danger)}.btn-danger:hover{background:var(--color-danger);color:#fff}.btn-danger--solid{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-danger--solid:hover{background:var(--color-danger-dark)}.btn-ghost{background:transparent;color:var(--color-text-muted);border-color:transparent}.btn-ghost:hover{background:var(--gray-100);color:var(--color-text)}.btn-icon{width:44px;height:44px;padding:0;border-radius:var(--radius-btn)}.btn[data-state=loading]{opacity:.85;cursor:progress}.btn-alert{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 12px;border-radius:var(--radius-btn);border:1.5px solid var(--color-accent-dark);background:var(--color-accent-light);color:#5c3d00;font-size:12.5px;font-weight:700;cursor:pointer}.field{margin-bottom:var(--sp-4)}.field label{display:block;font-size:var(--fs-14);font-weight:600;margin-bottom:6px}.field label .req{color:var(--color-danger);margin-left:2px}.field .help{font-size:var(--fs-12);color:var(--color-text-muted);margin-top:4px}.field .error-msg{font-size:var(--fs-12);color:var(--color-danger);margin-top:4px;display:flex;align-items:center;gap:4px;font-weight:600}.field.has-error .input{border-color:var(--color-danger);background:var(--color-danger-light)}.input,.select{width:100%;height:44px;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-btn);padding:0 var(--sp-3);font-size:var(--fs-16);font-family:var(--font-base);background:#fff;color:var(--color-text);transition:border-color .15s ease-out,box-shadow .15s ease-out}.input:focus,.select:focus{border-color:var(--focus-ring-color);box-shadow:0 0 0 3px #1565c02e}.input::placeholder{color:var(--gray-400)}.input[disabled],.select[disabled]{background:var(--gray-100);color:var(--gray-400);cursor:not-allowed}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:36px;background-repeat:no-repeat;background-position:right 10px center;background-size:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235B6660' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}.textarea{width:100%;min-height:88px;border:1.5px solid var(--color-border-strong);border-radius:var(--radius-btn);padding:var(--sp-3);font-size:var(--fs-16);font-family:var(--font-base);background:#fff;color:var(--color-text);resize:vertical}.textarea:focus{border-color:var(--focus-ring-color);box-shadow:0 0 0 3px #1565c02e;outline:none}.check-row,.radio-row{display:flex;align-items:center;gap:10px;font-size:var(--fs-14);margin-bottom:10px;cursor:pointer}.check-row input,.radio-row input{width:20px;height:20px;accent-color:var(--color-primary);flex-shrink:0}.switch{position:relative;display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:var(--fs-14);padding:9px 0;box-sizing:border-box}.switch .track{width:44px;height:26px;background:var(--gray-300);border-radius:var(--radius-pill);position:relative;transition:background .15s;flex-shrink:0}.switch .track:after{content:"";position:absolute;width:20px;height:20px;background:#fff;border-radius:50%;top:3px;left:3px;box-shadow:0 1px 3px #00000040;transition:left .15s}.switch.is-on .track{background:var(--color-primary)}.switch.is-on .track:after{left:21px}.switch input{position:absolute;opacity:0;width:1px;height:1px}.segmented{display:inline-flex;background:var(--gray-100);border-radius:var(--radius-pill);padding:4px;gap:2px}.segmented button{border:none;background:none;padding:7px 16px;border-radius:var(--radius-pill);font-size:var(--fs-13);font-weight:600;color:var(--color-text-muted);cursor:pointer;font-family:var(--font-base);display:flex;align-items:center;gap:6px}.segmented button.active{background:var(--color-primary);color:#fff}.input-group{position:relative}.input-group .input{padding-right:44px}.input-eye{position:absolute;right:2px;top:2px;bottom:2px;width:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer}.qty-stepper{display:flex;align-items:center;gap:var(--sp-4)}.qty-stepper button{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--color-border-strong);background:#fff;font-size:1.25rem;font-weight:700;color:var(--color-primary-dark);cursor:pointer;display:flex;align-items:center;justify-content:center}.qty-stepper button:disabled{color:var(--gray-300);border-color:var(--gray-200);cursor:not-allowed}.qty-stepper .qty-value{font-size:1.25rem;font-weight:800;min-width:36px;text-align:center}.tile-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--sp-3)}.choice-tile{border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);background:#fff;padding:var(--sp-4);cursor:pointer;display:flex;gap:var(--sp-3);align-items:flex-start;text-align:left;transition:border-color .15s ease-out,background-color .15s ease-out,box-shadow .15s ease-out}.choice-tile .icon-wrap{width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-primary-light);color:var(--color-primary-dark);display:flex;align-items:center;justify-content:center;flex-shrink:0}.choice-tile strong{display:block;font-size:var(--fs-14)}.choice-tile span{display:block;font-size:var(--fs-12);color:var(--color-text-muted);margin-top:2px}.choice-tile.selected{border-color:var(--color-primary);background:var(--color-primary-light);box-shadow:0 0 0 1px var(--color-primary)}.choice-tile.selected .icon-wrap{background:var(--color-primary);color:#fff}.choice-tile:hover{border-color:var(--color-primary)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-12);font-weight:700;padding:4px 11px;border-radius:var(--radius-pill);line-height:1.3;white-space:nowrap}.badge .dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.badge-info{background:var(--badge-info-bg);color:var(--badge-info-text)}.badge-info .dot{background:var(--color-info)}.badge-warning{background:var(--badge-warning-bg);color:var(--badge-warning-text)}.badge-warning .dot{background:var(--color-accent-dark)}.badge-primary{background:var(--badge-primary-bg);color:var(--badge-primary-text)}.badge-primary .dot{background:var(--color-primary)}.badge-success{background:var(--badge-success-bg);color:var(--badge-success-text)}.badge-success .dot{background:var(--color-success)}.badge-danger{background:var(--badge-danger-bg);color:var(--badge-danger-text)}.badge-danger .dot{background:var(--color-danger)}.badge-neutral{background:var(--badge-neutral-bg);color:var(--badge-neutral-text)}.badge-neutral .dot{background:var(--gray-500)}.badge-dnpm{display:inline-flex;align-items:center;gap:7px;background:var(--color-primary-light);color:var(--color-primary-dark);padding:7px 14px;border-radius:var(--radius-pill);font-size:var(--fs-13);font-weight:700;border:1px solid #c7e5da}.badge-dnpm .icon{color:var(--color-primary-dark)}.badge-dnpm.sm{font-size:11px;padding:4px 10px}.badge-dnpm.on-dark{background:#ffffff24;color:#fff;border-color:#fff3}.badge-dnpm.on-dark .icon{color:var(--color-accent)}.status-table{width:100%;border-collapse:collapse;font-size:var(--fs-14);margin-bottom:var(--sp-5)}.status-table th{text-align:left;font-size:var(--fs-12);text-transform:uppercase;color:var(--color-text-muted);padding:6px 10px;border-bottom:2px solid var(--color-border)}.status-table td{padding:8px 10px;border-bottom:1px solid var(--color-border);vertical-align:middle}.card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--sp-4)}.card--interactive{box-shadow:var(--shadow-2);cursor:pointer;transition:box-shadow .15s ease-out,transform .1s ease-out}.kpi-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--sp-4)}.kpi-main{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--sp-5);position:relative;overflow:hidden}.kpi-main .label{font-size:var(--fs-13);color:var(--color-text-muted);font-weight:600;margin-bottom:6px}.kpi-main .value{font-size:var(--fs-32);font-weight:800;margin-bottom:6px}.kpi-main .delta{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-13);font-weight:700;color:var(--color-success-dark)}.kpi-main .delta.down{color:var(--color-danger)}.sparkline{position:absolute;right:var(--sp-5);bottom:var(--sp-5);width:140px;height:44px}.kpi-secondary{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4)}.kpi-secondary .label{font-size:var(--fs-12);color:var(--color-text-muted);margin-bottom:4px}.kpi-secondary .value{font-size:var(--fs-20);font-weight:700}.kpi-secondary.alert{background:var(--color-danger-light);border-color:#f2b8c0}.kpi-secondary.alert .value{color:var(--color-danger)}.kpi-quad{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:var(--sp-4)}.kpi-tile{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:14px}.kpi-tile .lbl{font-size:11px;color:var(--color-text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.03em}.kpi-tile .val{font-size:var(--fs-24);font-weight:800;margin-top:4px}.kpi-tile .delta{font-size:11px;font-weight:700;margin-top:3px}.kpi-tile .delta.up{color:var(--color-success-dark)}.kpi-tile .delta.down{color:var(--color-danger-dark)}.icon-tile{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--color-primary-light);color:var(--color-primary-dark);position:relative}.icon-tile.accent{background:var(--color-accent-light);color:var(--color-accent-dark)}.icon-tile.danger{background:var(--color-danger-light);color:var(--color-danger-dark)}.icon-tile.info{background:var(--color-info-light);color:var(--color-info-dark)}.avatar{width:44px;height:44px;border-radius:50%;background:var(--color-primary-light);color:var(--color-primary-dark);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:var(--fs-14);flex-shrink:0}.avatar.sm{width:32px;height:32px;font-size:12px}.avatar.accent{background:var(--color-accent-light);color:var(--color-accent-dark)}.chip{display:inline-block;font-size:var(--fs-12);font-weight:700;padding:2px 8px;border-radius:var(--radius-pill);background:var(--color-primary-light);color:var(--color-primary-dark)}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.trust-banner{display:flex;align-items:center;gap:8px;background:var(--color-primary-light);color:var(--color-primary-dark);padding:8px 14px;border-radius:var(--radius-pill);font-size:var(--fs-13);font-weight:600;width:fit-content}.filter-chip{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-13);font-weight:700;padding:7px 14px;border-radius:var(--radius-pill);background:#fff;border:1.5px solid var(--color-border-strong);color:var(--color-text);cursor:pointer}.filter-chip.selected{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark)}.note-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--sp-4)}.note-card h4{font-size:var(--fs-14);margin-bottom:6px;display:flex;align-items:center;gap:8px}.note-card p{font-size:var(--fs-13);color:var(--color-text-muted);margin:0}.contact-card{display:flex;gap:var(--sp-3);align-items:center;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--sp-4)}.contact-card .main{flex:1;min-width:0}.contact-card .main strong{display:block;font-size:var(--fs-16)}.contact-card .main span{display:block;font-size:13.5px;font-weight:600;color:var(--color-text);margin-top:3px}.contact-card .actions{display:flex;gap:8px;flex-shrink:0}.product-card{display:flex;flex-direction:column;gap:6px}.product-card .swatch{height:80px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--color-primary-light),#fff);display:flex;align-items:center;justify-content:center;color:var(--color-primary-dark)}.product-card strong{font-size:var(--fs-14);display:block}.product-card .muted{font-size:12px;color:var(--color-text-muted)}.product-card .price-note{font-size:12.5px;font-weight:700;color:var(--color-primary-dark)}.product-card.is-unavailable .swatch{background:var(--gray-50);color:var(--gray-400)}.product-card.is-unavailable strong{color:var(--color-text-muted)}.autosave-indicator{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-12);font-weight:600;color:var(--color-text-muted)}.autosave-indicator .icon{width:14px;height:14px;color:var(--color-success);flex-shrink:0}.autosave-indicator.is-saving .icon{color:var(--color-text-muted)}.banner{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--radius-md);font-size:var(--fs-14)}.banner.error{background:var(--color-danger-light);color:var(--badge-danger-text)}.banner.success{background:var(--color-success-light);color:var(--badge-success-text)}.banner.info{background:var(--color-info-light);color:var(--badge-info-text)}.banner.warning{background:var(--color-accent-light);color:var(--badge-warning-text)}.banner strong{display:block;margin-bottom:2px}.banner .icon{margin-top:2px;flex-shrink:0}.toast{display:flex;align-items:flex-start;gap:10px;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-2);padding:12px 14px;width:100%;max-width:380px;border-left:4px solid var(--color-border-strong)}.toast.success{border-color:var(--color-success)}.toast.info{border-color:var(--color-info)}.toast strong{display:block;font-size:var(--fs-14)}.toast p{margin:2px 0 0;font-size:var(--fs-13);color:var(--color-text-muted)}.toast-stack{position:fixed;bottom:var(--sp-5);right:var(--sp-5);display:flex;flex-direction:column;gap:10px;z-index:500}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1f1d66;display:flex;align-items:center;justify-content:center;z-index:400;padding:var(--sp-4)}.modal{background:#fff;border-radius:var(--radius-lg);width:100%;max-width:460px;box-shadow:var(--shadow-modal)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--color-border)}.modal-header h4{margin:0;font-size:var(--fs-18)}.modal-body{padding:var(--sp-5);font-size:var(--fs-14);color:var(--color-text-muted)}.modal-footer{padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:10px}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a1f1d24;z-index:300}.drawer-panel{position:fixed;top:0;right:0;height:100%;width:min(560px,92vw);background:#fff;box-shadow:-8px 0 20px #08100e24;display:flex;flex-direction:column;z-index:301}.drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4);border-bottom:1px solid var(--color-border)}.drawer-header h4{margin:0;font-size:var(--fs-16)}.drawer-header .drawer-subtitle{margin:2px 0 0;font-size:12px;color:var(--color-text-muted)}.drawer-body{padding:var(--sp-4);overflow-y:auto;flex:1}.drawer-footer{padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:8px}.stepper-readonly{display:flex;justify-content:space-between;margin-bottom:var(--sp-5);position:relative;padding:0 var(--sp-4);padding-top:var(--sp-4)}.stepper-readonly:before{content:"";position:absolute;top:calc(var(--sp-4) + 11px);left:10%;right:10%;height:2px;background:var(--color-border);z-index:0}.stepper-readonly .step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:var(--fs-12);color:var(--color-text-muted)}.stepper-readonly .step .dot{width:22px;height:22px;border-radius:50%;background:var(--color-border);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.stepper-readonly .step.done .dot{background:var(--color-success)}.stepper-readonly .step.current .dot{background:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-light)}.stepper-readonly .step.current{color:var(--color-text);font-weight:700}.empty-state{text-align:center;padding:var(--sp-8) var(--sp-5);color:var(--color-text-muted)}.empty-state .icon{color:var(--gray-300);margin-bottom:var(--sp-3)}.empty-state.error .icon{color:var(--color-danger)}.empty-state strong{display:block;color:var(--color-text);font-size:var(--fs-18);margin-bottom:6px}.fullscreen-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--sp-6) var(--sp-5);text-align:center;max-width:400px;margin:0 auto;box-shadow:var(--shadow-1)}.fullscreen-card .icon-wrap{width:56px;height:56px;border-radius:50%;background:var(--color-primary-light);color:var(--color-primary-dark);display:flex;align-items:center;justify-content:center;margin:0 auto var(--sp-3)}.fullscreen-card.warning .icon-wrap{background:var(--color-accent-light);color:var(--color-accent-dark)}.fullscreen-card.danger .icon-wrap{background:var(--color-danger-light);color:var(--color-danger-dark)}.fullscreen-card.info .icon-wrap{background:var(--color-info-light);color:var(--color-info-dark)}.fullscreen-card p{font-size:13.5px;color:var(--color-text-muted)}.money-do-dont{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}@media (max-width: 700px){.money-do-dont{grid-template-columns:1fr}}.money-block{border-radius:var(--radius-md);padding:var(--sp-4);border:1.5px solid}.money-block.do{border-color:var(--color-success);background:var(--color-success-light)}.money-block.dont{border-color:var(--color-danger);background:var(--color-danger-light)}.money-block h4{display:flex;align-items:center;gap:8px;font-size:var(--fs-14)}.releve-mock{background:#fff;border-radius:var(--radius-md);padding:14px;margin-top:10px}.releve-mock .row{display:flex;justify-content:space-between;font-size:var(--fs-13);padding:6px 0;border-bottom:1px solid var(--color-border)}.releve-mock .row:last-child{border-bottom:none}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:var(--fs-13);color:var(--color-text-muted);flex-wrap:wrap}.breadcrumb a{color:var(--color-text-muted);text-decoration:none}.breadcrumb .current{color:var(--color-text);font-weight:700}.tabs{display:flex;gap:var(--sp-5);border-bottom:1.5px solid var(--color-border);flex-wrap:wrap}.tabs button{background:none;border:none;padding:10px 2px;font-size:var(--fs-14);font-weight:600;color:var(--color-text-muted);cursor:pointer;border-bottom:2.5px solid transparent;margin-bottom:-1.5px;font-family:var(--font-base)}.tabs button.active{color:var(--color-primary-dark);border-color:var(--color-primary)}.tab-panel{display:none}.tab-panel.active{display:block}.pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-3);padding-top:var(--sp-3)}.pagination .info{font-size:var(--fs-13);color:var(--color-text-muted)}.pagination .pages{display:flex;gap:4px;align-items:center}.pagination .pages button{width:44px;height:44px;border:1px solid var(--color-border);background:#fff;border-radius:var(--radius-sm);font-size:var(--fs-13);cursor:pointer;font-family:var(--font-base)}.pagination .pages button.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);font-weight:700}.data-table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;overflow:hidden}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(to right,#fff 12px,#fff0 32px) 0 0,linear-gradient(to left,#fff 12px,#fff0 32px) 100% 0,linear-gradient(to right,#1a1f1d24,#1a1f1d00 12px) 0 0,linear-gradient(to left,#1a1f1d24,#1a1f1d00 12px) 100% 0;background-repeat:no-repeat;background-color:#fff;background-size:32px 100%,32px 100%,12px 100%,12px 100%;background-attachment:local,local,scroll,scroll}.table-toolbar{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.table-search{display:flex;align-items:center;gap:8px;background:var(--gray-100);border-radius:var(--radius-md);padding:8px 12px;flex:1;min-width:200px;max-width:320px;color:var(--color-text-muted);border:1.5px solid transparent}.table-search:focus-within{border-color:var(--focus-ring-color);box-shadow:0 0 0 3px #1565c02e;background:#fff}.table-search input{border:none;background:none;outline:none;font-size:var(--fs-14);width:100%;font-family:var(--font-base);color:var(--color-text)}.table-toolbar .spacer{flex:1}.bulk-bar{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--color-primary-light);border-bottom:1px solid var(--color-border);font-size:var(--fs-14);font-weight:600;color:var(--color-primary-dark);flex-wrap:wrap}.bulk-bar .spacer{flex:1}table.pro{width:100%;border-collapse:collapse;font-size:var(--fs-14)}table.pro thead th{text-align:left;font-size:var(--fs-12);text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);padding:10px 14px;border-bottom:1px solid var(--color-border);background:#fbfcfb;white-space:nowrap}table.pro thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}table.pro tbody td{padding:12px 14px;border-bottom:1px solid var(--color-border);vertical-align:middle}table.pro tbody tr:hover{background:var(--color-primary-light)}table.pro td.num{text-align:right}table.pro td.actions{text-align:right;white-space:nowrap}table.pro .row-actions{display:inline-flex;gap:2px}table.pro input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);vertical-align:middle}table.pro .cb-wrap{display:inline-flex;align-items:center;justify-content:center;padding:13px;margin:-13px;cursor:pointer;border-radius:var(--radius-sm)}.table-empty{padding:var(--sp-8) var(--sp-5);text-align:center;color:var(--color-text-muted)}.table-empty .icon{color:var(--gray-300);margin-bottom:var(--sp-3)}.table-empty strong{display:block;color:var(--color-text);font-size:var(--fs-16);margin-bottom:4px}.data-table{width:100%;border-collapse:collapse;font-size:13px;background:#fff}.data-table th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);padding:8px 10px;border-bottom:1.5px solid var(--color-border)}.data-table td{padding:9px 10px;border-bottom:1px solid var(--color-border)}.map-demo{position:relative;height:320px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)}.map-demo.tall{height:420px}.map-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#eaf3ef,#f5f7f6 55%,#eef3f0)}.map-zone{position:absolute;border-radius:14px;background:#0e7c610f;border:1px solid rgba(14,124,97,.18)}.map-zone-label{position:absolute;font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:var(--color-primary-dark);opacity:.55}.map-route{position:absolute;border-top:2px dashed #b7ccc4}.map-pin{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center}.map-pin .bubble{width:32px;height:32px;border-radius:50% 50% 50% 0;transform:rotate(45deg);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0000002e}.map-pin .bubble .icon{transform:rotate(-45deg);width:16px;height:16px}.map-pin.pharmacy .bubble{background:var(--color-primary)}.map-pin.pharmacy .bubble .icon{color:#fff}.map-pin.livreur .bubble{background:var(--color-info)}.map-pin.livreur .bubble .icon{color:#fff}.map-pin.alert .bubble{background:var(--color-danger)}.map-pin.alert .bubble .icon{color:#fff}.map-legend{position:absolute;bottom:14px;left:14px;background:#fff;border-radius:var(--radius-sm);padding:10px 14px;font-size:var(--fs-12);box-shadow:var(--shadow-2);display:flex;gap:14px;flex-wrap:wrap;max-width:calc(100% - 28px)}.map-legend .item{display:flex;align-items:center;gap:6px}.map-legend .swatch-dot{width:10px;height:10px;border-radius:50%}.map-controls{position:absolute;top:14px;right:14px;display:flex;flex-direction:column;gap:2px;background:#fff;border-radius:var(--radius-sm);box-shadow:var(--shadow-2);overflow:hidden}.map-controls button{width:44px;height:44px;border:none;background:#fff;border-bottom:1px solid var(--color-border);cursor:pointer;font-size:var(--fs-16);font-family:var(--font-base)}.map-controls button:last-child{border-bottom:none}.map-live{position:absolute;top:14px;left:14px;background:#fff;border-radius:var(--radius-pill);padding:6px 12px;font-size:var(--fs-12);font-weight:700;box-shadow:var(--shadow-2);display:flex;align-items:center;gap:6px}.map-live .dot{width:8px;height:8px;border-radius:50%;background:var(--color-success);animation:ds-pulse 1.6s infinite}.trip-map{position:relative;height:220px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border);background:linear-gradient(160deg,#eaf3ef,#f5f7f6 55%,#eef3f0)}.trip-map svg.trip-path{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.trip-map .trip-line{fill:none;stroke:var(--color-info);stroke-width:.6;stroke-dasharray:2 1.6}.trip-map .trip-line.partial{stroke:var(--color-text-muted)}.trip-pin{position:absolute;transform:translate(-50%,-100%);display:flex;flex-direction:column;align-items:center}.trip-pin .bubble{width:30px;height:30px;border-radius:50% 50% 50% 0;transform:rotate(45deg);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0000002e}.trip-pin .bubble .icon{transform:rotate(-45deg);width:15px;height:15px;color:#fff}.trip-pin.start .bubble{background:var(--color-primary)}.trip-pin.end .bubble{background:var(--color-accent-dark)}.trace-dot{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--color-info);border:2px solid #fff;box-shadow:0 1px 3px #0000004d;transform:translate(-50%,-50%);cursor:pointer}.trip-eta-compare{display:flex;gap:var(--sp-5);padding:var(--sp-3) var(--sp-4);background:var(--gray-50);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--sp-4)}.trip-eta-compare .item{flex:1}.trip-eta-compare .item .lbl{font-size:var(--fs-12);color:var(--color-text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px}.trip-eta-compare .item .val{font-size:var(--fs-20);font-weight:800}.trip-eta-compare .item.late .val{color:var(--color-danger)}.nav-modern{width:224px;flex-shrink:0;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--color-primary-darker) 0%,var(--color-primary-dark) 100%);color:#fff;overflow-y:auto;transition:width .15s ease-out}.nav-modern__brand{display:flex;align-items:center;gap:10px;padding:14px 14px 8px}.nav-modern__brand .mark{width:34px;height:34px;border-radius:var(--radius-md);background:var(--color-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-modern__brand .mark .icon{color:#3a2600;width:18px;height:18px}.nav-modern__brand strong{display:block;font-size:14.5px;font-weight:800;white-space:nowrap}.nav-modern__brand span{display:block;font-size:10.5px;color:#ffffffa6;white-space:nowrap}.sidebar-dnpm{margin:0 12px 12px}.sidebar-dnpm .badge-dnpm{font-size:10px;padding:5px 9px;white-space:nowrap}.nav-group__title2{padding:12px 12px 6px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#ffffff8c;white-space:nowrap}.nav-link2{position:relative;display:flex;align-items:center;gap:11px;padding:8px 10px;margin:0 8px 1px;border-radius:var(--radius-md);color:#ffffffc7;text-decoration:none;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .15s ease-out;border:none;background:none;width:calc(100% - 16px);text-align:left}.nav-link2:hover{background:#ffffff14;color:#fff}.nav-link2.active{background:#ffffff21;color:#fff;font-weight:700;box-shadow:inset 0 0 0 1px #ffffff0f}.nav-link2 .tile{width:28px;height:28px;border-radius:8px;background:linear-gradient(160deg,#ffffff1c,#ffffff0d);display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-link2 .tile .icon{width:16px;height:16px;color:#ffffffd9}.nav-link2.active .tile{background:linear-gradient(160deg,#ffc94d 0%,var(--color-accent) 100%)}.nav-link2.active .tile .icon{color:#3a2600}.nav-link2 .lbl{white-space:nowrap;overflow:hidden}.nav-link2 .count{margin-left:auto;min-width:19px;height:19px;padding:0 5px;border-radius:var(--radius-pill);background:var(--color-danger);color:#fff;font-size:10.5px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-link2 .count.neutral{background:#ffffff38}.nav-modern__foot{margin-top:auto;padding:10px 14px 14px}.nav-modern__foot a,.nav-modern__foot button{display:flex;align-items:center;gap:9px;color:#ffffffa6;text-decoration:none;font-size:12.5px;padding:8px 4px;background:none;border:none;cursor:pointer;width:100%;text-align:left;font-family:var(--font-base)}.mock-topbar{background:#fff;border-bottom:1px solid var(--color-border);padding:10px 20px;display:flex;align-items:center;gap:16px;flex-shrink:0;flex-wrap:wrap}.mock-search{flex:1;max-width:320px;display:flex;align-items:center;gap:8px;background:var(--gray-100);border-radius:var(--radius-pill);padding:6px 14px;color:var(--color-text-muted);font-size:var(--fs-13);overflow:hidden}.mock-search .ph-text{white-space:nowrap;overflow:hidden}.mock-topbar .spacer{flex:1}.mock-topbar .icon-btn{position:relative;width:44px;height:44px;border-radius:50%;border:none;background:transparent;padding:0;font-family:var(--font-base);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);cursor:pointer;flex-shrink:0}.mock-topbar .icon-btn:hover{background:var(--gray-100)}.mock-topbar .icon-btn .dot{position:absolute;top:6px;right:7px;width:8px;height:8px;border-radius:50%;background:var(--color-danger);border:2px solid #fff}.mock-user{display:flex;align-items:center;gap:8px;font-size:var(--fs-13);flex-shrink:0}.mock-user .avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary-light);color:var(--color-primary-dark);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--fs-12)}.mock-user .who{white-space:nowrap}.mock-user .who strong{display:block;font-size:var(--fs-13)}.mock-user .who span{display:block;font-size:11px;color:var(--color-text-muted)}.app-shell-frame{container-type:inline-size;container-name:appshell;flex:1;min-height:0;display:flex}.app-shell{display:flex;height:100%;min-height:0;width:100%}.app-sidebar{width:224px}.app-main{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--color-bg)}.app-body-pro{flex:1;overflow:auto;padding:20px}@container appshell (max-width: 920px){.app-sidebar{width:72px}.app-sidebar .nav-modern__brand .txt,.sidebar-dnpm .txt-full{display:none}.sidebar-dnpm{display:flex;justify-content:center}.sidebar-dnpm .badge-dnpm{padding:7px;border-radius:50%}.nav-group__title2{display:none}.nav-link2{justify-content:center;padding:10px 6px}.nav-link2 .lbl{display:none}.nav-link2 .count{position:absolute;top:2px;right:2px;min-width:15px;height:15px;font-size:9px}.nav-modern__foot a span,.nav-modern__foot button span{display:none}.nav-modern__foot a,.nav-modern__foot button{justify-content:center}.mock-search{max-width:44px;padding:6px;justify-content:center}.mock-search .ph-text,.mock-user .who{display:none}.kpi-quad{grid-template-columns:repeat(2,1fr)}.kpi-row{grid-template-columns:1fr 1fr}.kpi-row .kpi-main{grid-column:1 / -1}.app-body-pro{padding:14px}}.report-grid{display:grid;gap:var(--sp-4);grid-template-columns:1fr}@container appshell (min-width: 1180px){.report-grid{grid-template-columns:1fr 1fr}}@container appshell (min-width: 1600px){.report-grid{grid-template-columns:repeat(3,1fr)}.supervision-wide{grid-template-columns:1.4fr .9fr}}.grid{display:grid;gap:var(--sp-4)}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 900px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.login-shell{min-height:100vh;background:var(--color-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:40px 20px}.login-card{max-width:380px;width:100%;margin:0 auto;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--sp-6);box-shadow:var(--shadow-1);text-align:center}.login-card .brand{width:52px;height:52px;border-radius:14px;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto var(--sp-3)}#root{min-height:100vh}body{min-width:1024px}