:root{--ink: #1B2430;--paper: #F7F4EE;--amber: #E08E2C;--amber-deep: #B96F1A;--teal: #1F6F5C;--teal-soft: #E3EFEA;--rust: #C1432E;--rust-soft: #F5E3DF;--warn-soft: #FBF0DD;--slate: #6B7280;--line: #E4DFD3;--card: #FFFFFF;--font-display: "Fraunces", serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "IBM Plex Mono", monospace;--sidebar-width: 240px;--transition-rapide: .14s cubic-bezier(.4, 0, .2, 1);--transition-douce: .22s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html,body,#root{height:100%}html{font-size:17px}body{margin:0;font-family:var(--font-body);color:var(--ink);background:var(--paper);font-size:.92rem}a,button,select,input,textarea{font-family:inherit}*:focus-visible{outline:2px solid var(--amber);outline-offset:2px}button,.nav__item,.btn,.btn-icon,.bouton-detail,input,select,.card-item,.stat-card,table.data-table tr{transition:background var(--transition-rapide),color var(--transition-rapide),border-color var(--transition-rapide),transform var(--transition-rapide),box-shadow var(--transition-rapide),opacity var(--transition-rapide)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.page-fade-in{animation:fadeInUp .32s cubic-bezier(.4,0,.2,1)}.app-shell{display:flex;min-height:100vh}.app-sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--ink);color:#efeae0;padding:24px 18px;display:flex;flex-direction:column;gap:20px;position:sticky;top:0;height:100vh;overflow-y:auto}.app-main{flex:1;padding:32px 36px;min-width:0}@media (max-width: 760px){.app-shell{flex-direction:column}.app-sidebar{width:100%;height:auto;position:static;flex-direction:row;align-items:center;flex-wrap:wrap}.app-main{padding:18px}}.brand{display:flex;align-items:center;gap:11px;color:var(--amber)}.brand__name{font-family:var(--font-display);font-weight:600;font-size:1.05rem;margin:0;color:#fbf6ec}.brand__sub{font-size:.7rem;margin:0;color:#9ca7b5;letter-spacing:.02em}.nav{display:flex;flex-direction:column;gap:5px}.nav__item{display:flex;align-items:center;gap:11px;background:transparent;border:none;color:#c9cfd8;padding:10px 12px;border-radius:9px;font-size:.86rem;cursor:pointer;text-align:left;text-decoration:none;width:100%}.nav__item:hover{background:#ffffff14;color:#fff;transform:translate(2px)}.nav__item--active{background:var(--amber);color:var(--ink);font-weight:600}.nav__item--active:hover{transform:none}@media (max-width: 760px){.nav{flex-direction:row;flex-wrap:wrap}}.section-header h1{font-family:var(--font-display);font-size:1.55rem;font-weight:600;margin:0 0 4px}.section-header p{margin:0;color:var(--slate);font-size:.88rem}.section-header--row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.route-divider{height:3px;margin:16px 0 24px;background-image:repeating-linear-gradient(to right,var(--amber) 0 14px,transparent 14px 24px);border-radius:2px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:28px}.stat-card{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:18px}.stat-card__icon{color:var(--slate);margin-bottom:9px}.stat-card--good .stat-card__icon{color:var(--teal)}.stat-card--bad .stat-card__icon{color:var(--rust)}.stat-card--warn .stat-card__icon{color:var(--amber-deep)}.stat-card__value{font-family:var(--font-mono);font-size:1.65rem;font-weight:600;margin:0}.stat-card__label{margin:3px 0 0;font-size:.78rem;color:var(--slate)}.stat-card--clickable{cursor:pointer}.stat-card--clickable:hover{transform:translateY(-3px);box-shadow:0 8px 20px #1b243014;border-color:var(--amber)}.columns-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 900px){.columns-2{grid-template-columns:1fr}}.panel{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:20px}.panel h2{font-size:.92rem;margin:0 0 14px;font-weight:600}.alert-clickable{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--card);border:1px solid var(--rust);border-radius:13px;padding:14px 16px;cursor:pointer;margin-bottom:18px}.alert-clickable:hover{background:var(--rust-soft);transform:translateY(-1px)}.alert-clickable__arrow{margin-left:auto;color:var(--rust);flex-shrink:0}.simple-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}.simple-list__item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.simple-list__item:last-child{border-bottom:none}.simple-list__title{margin:0;font-size:.88rem;font-weight:500}.simple-list__meta{margin:1px 0 0;font-size:.76rem;color:var(--slate)}.subheading{font-size:.98rem;font-weight:600;margin:28px 0 13px}.form-card{background:var(--card);border:1px dashed var(--amber);border-radius:13px;padding:20px;margin-bottom:24px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:16px}.field{display:flex;flex-direction:column;gap:6px;font-size:.8rem;color:var(--slate)}.field input,.field select,.field textarea{padding:9px 11px;border:1px solid var(--line);border-radius:8px;font-size:.88rem;color:var(--ink);background:#fff;width:100%}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--amber)}.field textarea{resize:vertical;min-height:70px}.form-hint{color:var(--slate);font-size:.82rem;margin-bottom:18px}.checkbox-row{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--ink);cursor:pointer}.checkbox-row input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:19px;height:19px;flex-shrink:0;border:1.5px solid var(--line);border-radius:6px;background:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;position:relative;transition:background var(--transition-rapide),border-color var(--transition-rapide)}.checkbox-row input[type=checkbox]:hover{border-color:var(--amber)}.checkbox-row input[type=checkbox]:checked{background:var(--amber);border-color:var(--amber)}.checkbox-row input[type=checkbox]:checked:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:9px;border:solid var(--ink);border-width:0 2px 2px 0;transform:rotate(45deg)}.btn{display:inline-flex;align-items:center;gap:7px;border:none;border-radius:9px;padding:10px 16px;font-size:.85rem;font-weight:600;cursor:pointer}.btn-primary{background:var(--amber);color:var(--ink)}.btn-primary:hover{background:var(--amber-deep);color:#fff;transform:translateY(-1px);box-shadow:0 6px 14px #e08e2c59}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn-ghost:hover{background:var(--paper);border-color:var(--ink)}.btn-danger{background:var(--rust);color:#fff}.btn-danger:hover{background:#a8362a;transform:translateY(-1px)}.btn-icon{background:transparent;border:none;color:var(--slate);cursor:pointer;padding:6px;border-radius:7px}.btn-icon:hover{background:var(--rust-soft);color:var(--rust);transform:scale(1.08)}.btn[disabled]{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}.bouton-detail{background:#1b24300f;border:none;color:var(--ink);cursor:pointer;width:30px;height:30px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}.bouton-detail:hover{background:#e08e2c2e;color:var(--amber-deep)}.bouton-detail--actif{background:var(--amber);color:var(--ink)}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:13px;background:var(--card);margin-bottom:8px}table.data-table{width:100%;border-collapse:collapse;font-size:.85rem;min-width:640px}table.data-table th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.03em;color:var(--slate);padding:13px 15px;border-bottom:1px solid var(--line);white-space:nowrap}table.data-table td{padding:12px 15px;border-bottom:1px solid var(--line);vertical-align:middle}table.data-table tr:last-child td{border-bottom:none}table.data-table tbody tr:hover{background:var(--paper)}table.data-table tr.ligne-permis-delivre>td{background:var(--teal-soft)}.table-primary{margin:0;font-weight:500}.table-secondary{margin:1px 0 0;font-size:.74rem;color:var(--slate)}.mono{font-family:var(--font-mono);font-size:.8rem}.select-inline{padding:6px 9px;border:1px solid var(--line);border-radius:7px;font-size:.8rem;background:#fff}.filtre-groupe{margin-bottom:16px}.filtre-groupe__titre{display:block;font-size:.78rem;font-weight:700;color:var(--ink);margin-bottom:7px}.filtre-groupe__chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:7px;font-size:.76rem;font-weight:600;font-family:var(--font-mono);white-space:nowrap}.badge-good{background:var(--teal-soft);color:var(--teal)}.badge-bad{background:var(--rust-soft);color:var(--rust)}.badge-warn{background:var(--warn-soft);color:var(--amber-deep)}.badge-neutral{background:#eef0f2;color:var(--slate)}.mini-tabs{display:flex;gap:7px;margin-bottom:18px;flex-wrap:wrap}.mini-tabs__btn{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:7px 15px;font-size:.78rem;cursor:pointer;color:var(--slate)}.mini-tabs__btn:hover{border-color:var(--amber);color:var(--ink)}.mini-tabs__btn--active{background:var(--ink);color:#fff;border-color:var(--ink)}.mini-tabs__btn--active:hover{color:#fff;border-color:var(--ink);background:#2a3645}.toolbar-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.toolbar-row>.search-input{flex:1;min-width:200px;max-width:320px}.filter-chip{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:.78rem;cursor:pointer;color:var(--slate);display:inline-flex;align-items:center;gap:6px}.filter-chip:hover{border-color:var(--amber)}.filter-chip--active{background:var(--amber);border-color:var(--amber);color:var(--ink);font-weight:600}.search-input{position:relative;display:flex;align-items:center}.search-input input{width:100%;padding:9px 34px;border:1px solid var(--line);border-radius:9px;font-size:.85rem;background:#fff}.search-input input:focus{border-color:var(--amber)}.search-input__icon{position:absolute;left:11px;color:var(--slate);pointer-events:none}.search-input__clear{position:absolute;right:8px;background:transparent;border:none;color:var(--slate);cursor:pointer;padding:4px;border-radius:5px}.search-input__clear:hover{background:var(--paper);color:var(--rust)}.chips-row{display:flex;gap:8px;flex-wrap:wrap}.chip{background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 13px;font-size:.8rem;cursor:pointer;color:var(--ink)}.chip:hover{border-color:var(--amber)}.chip--actif{background:var(--amber);border-color:var(--amber);color:var(--ink);font-weight:600}.styled-select{position:relative}.styled-select__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px 11px;font-size:.85rem;color:var(--ink);cursor:pointer;text-align:left}.styled-select__trigger:hover{border-color:var(--amber)}.styled-select__chevron{transition:transform var(--transition-rapide);color:var(--slate)}.styled-select__chevron--ouvert{transform:rotate(180deg)}.styled-select__menu{position:fixed;z-index:300;background:#fff;border:1px solid var(--line);border-radius:10px;list-style:none;margin:0;padding:6px;box-shadow:0 10px 28px #1b24302e;max-height:280px;overflow-y:auto;animation:slideDownFade .16s cubic-bezier(.4,0,.2,1)}.styled-select__option{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:7px;font-size:.85rem;cursor:pointer;color:var(--ink)}.styled-select__option:hover{background:var(--paper)}.styled-select__option--actif{font-weight:600;color:var(--amber-deep)}.styled-select__dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.styled-select--sombre .styled-select__trigger{background:#ffffff14;border-color:#ffffff2e;color:#fff}.styled-select--sombre .styled-select__trigger:hover{border-color:var(--amber)}.autocomplete{position:relative}.autocomplete__input-row{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:6px 10px;background:#fff}.autocomplete__input-row:focus-within{border-color:var(--amber)}.autocomplete__input-row input{border:none;padding:4px 0;flex:1}.autocomplete__input-row input:focus{outline:none}.autocomplete__menu{position:fixed;z-index:300;background:#fff;border:1px solid var(--line);border-radius:10px;list-style:none;margin:0;padding:6px;box-shadow:0 10px 28px #1b24302e;max-height:240px;overflow-y:auto;animation:slideDownFade .16s cubic-bezier(.4,0,.2,1)}.autocomplete__menu li{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:7px;font-size:.85rem;cursor:pointer}.autocomplete__menu li:hover{background:var(--paper)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.card-item{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px;animation:fadeInUp .28s cubic-bezier(.4,0,.2,1)}.card-item:hover{transform:translateY(-3px);box-shadow:0 10px 24px #1b24301a;border-color:var(--amber)}.card-item__photo{width:100%;height:110px;border-radius:10px;object-fit:cover;background:var(--paper)}.card-item__header{display:flex;align-items:center;gap:10px}.card-item__title{margin:0;font-weight:600;font-size:.92rem}.card-item__subtitle{margin:0;font-size:.76rem;color:var(--slate)}.card-item__row{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--slate)}.card-item__actions{display:flex;justify-content:flex-end;gap:4px;margin-top:auto}.avatar-rond{width:38px;height:38px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#fff;background:var(--ink)}.empty-state{text-align:center;padding:44px 22px;color:var(--slate);border:1px solid var(--line);border-radius:13px;background:var(--card);animation:fadeIn .3s}.empty-state svg{margin-bottom:9px;color:var(--amber)}.empty-state__title{font-weight:600;color:var(--ink);margin:0 0 5px}.empty-state__hint{margin:0;font-size:.82rem}.sync-badge{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;padding:7px 11px;border-radius:9px}.sync-badge--ok{background:var(--teal-soft);color:var(--teal)}.sync-badge--pending{background:var(--warn-soft);color:var(--amber-deep)}.sync-badge--offline{background:var(--rust-soft);color:var(--rust)}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:400px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:36px;animation:scaleIn .32s cubic-bezier(.4,0,.2,1)}.login-card h1{font-family:var(--font-display);font-size:1.4rem;margin:0 0 7px}.login-card p.subtitle{color:var(--slate);font-size:.85rem;margin:0 0 26px}.login-error{background:var(--rust-soft);color:var(--rust);padding:11px 13px;border-radius:9px;font-size:.82rem;margin-bottom:15px}.app-loading{padding:50px;color:var(--slate);text-align:center}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b243073;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;animation:fadeIn .18s ease-out}.modal-content{background:var(--card);border-radius:16px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 24px 60px #1b243047;animation:scaleIn .22s cubic-bezier(.4,0,.2,1);padding:24px}.modal-content--confirm{display:flex;flex-direction:column;align-items:center;text-align:center}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.modal-header h2{font-family:var(--font-display);font-size:1.2rem;margin:0}.form-subsection{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:20px}.form-subsection__title{font-weight:600;font-size:.85rem;margin:0 0 4px;color:var(--ink);display:flex;align-items:center;gap:6px}.section-encadree{border:1.5px solid var(--amber);background:#fffbf3;border-radius:13px;padding:18px 20px;margin-top:8px}.section-encadree__titre{font-family:var(--font-display);font-weight:600;font-size:1rem;margin:0 0 4px;display:flex;align-items:center;gap:8px}.confirm-icon{width:48px;height:48px;border-radius:50%;background:var(--rust-soft);color:var(--rust);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.toast-stack{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:200}.toast{display:flex;align-items:center;gap:9px;background:var(--ink);color:#fff;padding:12px 16px;border-radius:10px;font-size:.84rem;box-shadow:0 12px 28px #1b243040;animation:slideInRight .22s cubic-bezier(.4,0,.2,1)}.toast--success svg{color:var(--teal)}.toast--error svg{color:var(--rust)}@media (max-width: 600px){html{font-size:16px}.modal-content{padding:18px}.cards-grid{grid-template-columns:1fr}}