:root{--bg-principal:#10191e;--bg-secondaire:#16232b;--bg-carte:#16232b;--bg-survol:#22333c;--texte-principal:#e7edea;--texte-secondaire:#9daeb4;--texte-muet:#6e8188;--bordure:#2a3b44;--primaire:#e7edea;--sur-primaire:#10191e;--succes:#4e9c86;--danger:#d2716c;--alerte:#c9a252;--info:#7fa9bd;--voile-succes:#4e9c8624;--voile-danger:#d2716c24;--voile-alerte:#c9a25224;--voile-info:#7fa9bd24;--ombrage:0 12px 32px -8px #0000008c;--transition:.14s ease;--r-controle:3px;--r-surface:4px}.theme-clair{--bg-principal:#e9ecea;--bg-secondaire:#fff;--bg-carte:#fff;--bg-survol:#dde3e0;--texte-principal:#16232b;--texte-secondaire:#4e6068;--texte-muet:#7c8c92;--bordure:#c7d0cd;--primaire:#16232b;--sur-primaire:#f4f7f5;--succes:#1f6f5c;--danger:#a32f2b;--alerte:#8a6516;--info:#2a5b70;--voile-succes:#1f6f5c17;--voile-danger:#a32f2b17;--voile-alerte:#8a65161a;--voile-info:#2a5b7017;--ombrage:0 12px 32px -10px #16232b40}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-principal);color:var(--texte-principal);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Archivo,Segoe UI,system-ui,sans-serif;font-size:.875rem;line-height:1.5;overflow-x:hidden}:focus-visible{outline:2px solid var(--primaire);outline-offset:2px;border-radius:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bordure);border:3px solid var(--bg-principal);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--texte-muet)}@keyframes apparition{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.anim-entree{animation:.28s cubic-bezier(.16,1,.3,1) forwards apparition}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-container{min-height:100vh;display:flex}.sidebar{background-color:var(--bg-secondaire);border-right:1px solid var(--bordure);flex-direction:column;flex-shrink:0;justify-content:space-between;width:244px;padding:22px 14px 18px;display:flex}.logo-container{align-items:center;gap:11px;margin-bottom:28px;padding:0 6px;display:flex}.logo-icon{background:var(--primaire);width:32px;height:32px;color:var(--sur-primaire);border-radius:var(--r-controle);letter-spacing:.01em;cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;font-stretch:112%;display:flex}.logo-texte{letter-spacing:-.01em;color:var(--texte-principal);font-size:1.02rem;font-weight:600;font-stretch:108%}.nav-links{flex-direction:column;flex-grow:1;gap:1px;list-style:none;display:flex}.nav-item{border-radius:var(--r-controle);color:var(--texte-secondaire);cursor:pointer;transition:background-color var(--transition), color var(--transition);border-left:2px solid #0000;align-items:center;gap:11px;padding:9px 12px;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{background-color:var(--bg-survol);color:var(--texte-principal)}.nav-item.active{background-color:var(--bg-survol);border-left-color:var(--primaire);color:var(--texte-principal);font-weight:600}.nav-item-icon{text-align:center;flex-shrink:0;width:1.2em;font-size:1rem}.main-content{flex-direction:column;flex-grow:1;gap:20px;max-height:100vh;padding:0 30px 34px;display:flex;overflow-y:auto}.header-bar{z-index:30;background-color:var(--primaire);color:var(--sur-primaire);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 -30px 4px;padding:16px 30px;display:flex;position:sticky;top:0}.header-titre h1{letter-spacing:-.015em;color:var(--sur-primaire);font-size:1.5rem;font-weight:600;font-stretch:115%;line-height:1.15}.header-titre p{color:var(--sur-primaire);opacity:.68;margin-top:3px;font-size:.8125rem}.header-actions{align-items:center;gap:10px;display:flex}.period-selector{border-radius:var(--r-controle);border:1px solid #7f7f7f73;gap:2px;padding:2px;display:flex}.period-btn{color:var(--sur-primaire);opacity:.62;cursor:pointer;transition:opacity var(--transition), background-color var(--transition);background:0 0;border:none;border-radius:2px;padding:5px 11px;font-family:inherit;font-size:.8125rem;font-weight:500}.period-btn:hover{opacity:1}.period-btn.active{background-color:var(--sur-primaire);color:var(--primaire);opacity:1;font-weight:600}.period-select{color:var(--sur-primaire);border-radius:var(--r-controle);cursor:pointer;background-color:#0000;border:1px solid #7f7f7f73;outline:none;padding:6px 10px;font-family:inherit;font-size:.8125rem;font-weight:500}.period-select option{background-color:var(--bg-secondaire);color:var(--texte-principal)}.dashboard-grid{background-color:var(--bordure);border:1px solid var(--bordure);border-radius:var(--r-surface);grid-template-columns:repeat(auto-fit,minmax(196px,1fr));gap:1px;display:grid;overflow:hidden}.kpi-card{background-color:var(--bg-secondaire);flex-direction:column;gap:5px;padding:15px 18px 17px;display:flex}.kpi-titre{color:var(--texte-secondaire);font-size:.8125rem;font-weight:500}.kpi-valeur{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--texte-principal);font-size:1.6rem;font-weight:600;font-stretch:118%;line-height:1.1}.kpi-detail{color:var(--texte-muet);font-variant-numeric:tabular-nums;font-size:.78rem}.carte-standard{background-color:var(--bg-secondaire);border:1px solid var(--bordure);border-radius:var(--r-surface);padding:20px 22px 22px}.carte-header{border-bottom:1px solid var(--bordure);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:11px;display:flex}.carte-header h2{letter-spacing:-.01em;font-size:1.06rem;font-weight:600;font-stretch:108%}.carte-header-titre{flex-wrap:wrap;align-items:center;gap:11px;display:flex}.table-container{border:1px solid var(--bordure);border-radius:var(--r-surface);overflow-x:auto}.table-standard{border-collapse:collapse;text-align:left;font-variant-numeric:tabular-nums;width:100%;font-size:.8125rem}.table-standard th{background-color:var(--bg-principal);color:var(--texte-secondaire);border-bottom:1px solid var(--bordure);white-space:nowrap;padding:9px 14px;font-size:.78rem;font-weight:600}.table-standard td{border-bottom:1px solid var(--bordure);color:var(--texte-principal);padding:10px 14px}.table-standard tr:last-child td{border-bottom:none}.table-standard tbody tr:hover td{background-color:var(--bg-survol)}.tableau-donnees{flex-direction:column;gap:11px;display:flex}.tableau-outils{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.tableau-outils-gauche,.tableau-outils-droite{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.champ-recherche{align-items:center;display:flex;position:relative}.champ-recherche-icone{opacity:.55;pointer-events:none;font-size:.8rem;position:absolute;left:10px}.champ-recherche .input-standard{min-width:232px;padding-left:30px}.filtre-select{cursor:pointer;padding:7px 9px;font-size:.8125rem}.tableau-compteur{color:var(--texte-secondaire);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.8125rem}.tableau-resume{border:1px solid var(--bordure);border-radius:var(--r-surface);background-color:var(--bg-secondaire);color:var(--texte-secondaire);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:22px;padding:9px 14px;font-size:.8125rem;display:flex}.tableau-resume strong{color:var(--texte-principal);margin-left:6px;font-weight:600}.th-triable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.th-triable:hover{color:var(--texte-principal)}.tri-indicateur{opacity:.28;margin-left:5px;font-size:.68rem}.tri-indicateur.actif{opacity:1;color:var(--texte-principal)}.tableau-pagination{color:var(--texte-secondaire);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:11px;font-size:.8125rem;display:flex}.pagination-boutons{align-items:center;gap:3px;display:flex}.page-btn{border-radius:var(--r-controle);border:1px solid var(--bordure);background-color:var(--bg-secondaire);min-width:30px;color:var(--texte-secondaire);font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color var(--transition), color var(--transition);padding:5px 9px;font-family:inherit;font-size:.8125rem;font-weight:500}.page-btn:hover:not(:disabled){color:var(--texte-principal);background-color:var(--bg-survol)}.page-btn.active{background-color:var(--primaire);border-color:var(--primaire);color:var(--sur-primaire);font-weight:600}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-ellipse{color:var(--texte-muet);padding:0 3px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(196px,1fr));gap:14px;margin-bottom:18px;display:grid}.form-group{flex-direction:column;gap:5px;display:flex}.form-group label{color:var(--texte-secondaire);font-size:.8125rem;font-weight:500}.input-standard{background-color:var(--bg-secondaire);border:1px solid var(--bordure);color:var(--texte-principal);border-radius:var(--r-controle);transition:border-color var(--transition);outline:none;padding:8px 11px;font-family:inherit;font-size:.875rem}.input-standard::placeholder{color:var(--texte-muet)}.input-standard:focus{border-color:var(--primaire);outline:1px solid var(--primaire)}.input-standard[type=number],.input-standard[type=date]{font-variant-numeric:tabular-nums}.btn{border-radius:var(--r-controle);cursor:pointer;transition:background-color var(--transition), border-color var(--transition);border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:8px 15px;font-family:inherit;font-size:.875rem;font-weight:600;display:inline-flex}.btn-primaire{background-color:var(--primaire);color:var(--sur-primaire)}.btn-primaire:hover{background-color:var(--texte-secondaire)}.btn-secondaire{background-color:var(--bg-secondaire);color:var(--texte-principal);border-color:var(--bordure)}.btn-secondaire:hover{background-color:var(--bg-survol)}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(1.1)}.btn-petit{padding:6px 11px;font-size:.8125rem}.boutons-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.badge{border-radius:var(--r-controle);white-space:nowrap;border:1px solid #0000;align-items:center;padding:2px 7px;font-size:.75rem;font-weight:600;line-height:1.5;display:inline-flex}.badge-succes{background-color:var(--voile-succes);color:var(--succes);border-color:var(--succes)}.badge-danger{background-color:var(--voile-danger);color:var(--danger);border-color:var(--danger)}.badge-alerte{background-color:var(--voile-alerte);color:var(--alerte);border-color:var(--alerte)}.badge-info{background-color:var(--voile-info);color:var(--info);border-color:var(--info)}.badge-secondaire{color:var(--texte-secondaire);border-color:var(--bordure);background-color:#0000;font-weight:500}.modale-overlay{z-index:1000;background-color:#10191e8c;justify-content:center;align-items:flex-start;padding:5vh 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modale-contenu{background-color:var(--bg-secondaire);border:1px solid var(--bordure);border-radius:var(--r-surface);width:100%;max-width:600px;max-height:90vh;box-shadow:var(--ombrage);flex-direction:column;margin:auto 0;animation:.2s cubic-bezier(.16,1,.3,1) forwards apparition;display:flex;position:relative}.modale-petite{max-width:440px}.modale-moyenne{max-width:620px}.modale-grande{max-width:900px}.modale-entete{border-bottom:1px solid var(--bordure);justify-content:space-between;align-items:flex-start;gap:16px;padding:17px 22px 12px;display:flex}.modale-titre{letter-spacing:-.01em;font-size:1.06rem;font-weight:600;font-stretch:108%}.modale-sous-titre{color:var(--texte-secondaire);margin-top:3px;font-size:.8125rem}.modale-fermer{color:var(--texte-secondaire);cursor:pointer;border-radius:var(--r-controle);transition:color var(--transition), background-color var(--transition);background:0 0;border:none;padding:0 4px;font-size:1.5rem;line-height:1}.modale-fermer:hover{color:var(--texte-principal);background-color:var(--bg-survol)}.modale-corps{padding:18px 22px 22px;overflow-y:auto}.zone-depot{border:1px dashed var(--bordure);border-radius:var(--r-surface);background-color:var(--bg-principal);text-align:center;transition:border-color var(--transition), background-color var(--transition);flex-direction:column;align-items:center;gap:9px;padding:26px 20px;display:flex}.zone-depot.survol{border-color:var(--primaire);background-color:var(--bg-survol);border-style:solid}.bandeau-import{border-radius:var(--r-surface);border:1px solid var(--bordure);border-left-width:3px;padding:11px 14px;font-size:.8125rem}.bandeau-import.succes{background-color:var(--voile-succes);border-left-color:var(--succes)}.bandeau-import.erreur{background-color:var(--voile-danger);border-left-color:var(--danger)}.ligne-import{border:1px solid var(--bordure);border-radius:var(--r-surface);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:16px;padding:9px 13px;display:flex}.onglets{border-bottom:1px solid var(--bordure);gap:2px;margin:20px 0 15px;display:flex}.onglet{color:var(--texte-secondaire);cursor:pointer;transition:color var(--transition), border-color var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 14px;font-family:inherit;font-size:.875rem;font-weight:500}.onglet:hover{color:var(--texte-principal)}.onglet.actif{color:var(--texte-principal);border-bottom-color:var(--primaire);font-weight:600}.carte-suggestion{border:1px solid var(--bordure);border-radius:var(--r-surface);cursor:pointer;transition:border-color var(--transition), background-color var(--transition);align-items:center;gap:11px;padding:9px 13px;display:flex}.carte-suggestion:hover{border-color:var(--texte-muet)}.carte-suggestion.selectionnee{border-color:var(--primaire);background-color:var(--bg-survol)}.encart-calcul{border-radius:var(--r-surface);background-color:var(--bg-principal);border:1px solid var(--bordure);color:var(--texte-secondaire);font-variant-numeric:tabular-nums;padding:9px 13px;font-size:.8125rem}.ligne-tva{border-bottom:1px solid var(--bordure);font-variant-numeric:tabular-nums;justify-content:space-between;gap:16px;padding:7px 0;display:flex}.ligne-tva:last-child{border-bottom:none}.crm-card{border:1px solid var(--bordure);border-radius:var(--r-surface);background-color:var(--bg-secondaire);transition:border-color var(--transition);justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px;padding:12px 14px;display:flex}.crm-card:hover{border-color:var(--texte-muet)}.crm-info{flex-direction:column;gap:2px;min-width:0;display:flex}.crm-client{font-size:.875rem;font-weight:600}.crm-dossier{color:var(--texte-secondaire);font-size:.8125rem}.crm-montant{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--succes);font-weight:600;font-stretch:110%}.sidebar-footer{border-top:1px solid var(--bordure);flex-direction:column;gap:10px;padding-top:14px;display:flex}.sidebar-theme-switch{color:var(--texte-secondaire);justify-content:space-between;align-items:center;font-size:.8125rem;display:flex}.theme-switch-btn{background:var(--bg-secondaire);border:1px solid var(--bordure);border-radius:var(--r-controle);color:var(--texte-principal);cursor:pointer;transition:background-color var(--transition);padding:4px 9px;font-family:inherit;font-size:.75rem;font-weight:500}.theme-switch-btn:hover{background-color:var(--bg-survol)}.electric-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--texte-secondaire);align-items:center;gap:8px;font-size:.8125rem;display:flex}.font-bold{font-weight:600}.texte-muet{color:var(--texte-muet)}.texte-secondaire{color:var(--texte-secondaire)}@media (width<=860px){.app-container{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--bordure);gap:14px;width:100%;padding:14px 16px}.logo-container{margin-bottom:0}.nav-links{flex-flow:wrap}.nav-item{border-bottom:2px solid #0000;border-left:none;padding:7px 10px}.nav-item.active{border-left-color:#0000;border-bottom-color:var(--primaire)}.main-content{max-height:none;padding:0 16px 24px}.header-bar{align-items:flex-start;margin:0 -16px 4px;padding:14px 16px}.header-titre h1{font-size:1.25rem}.kpi-valeur{font-size:1.35rem}}