:root{--bg: #eef2f7;--bg-2: #ffffff;--bg-3: #f1f5f9;--bg-elev: #eef2f7;--border: #dce3ec;--border-2: #c3ccd8;--text: #0f1b2d;--text-dim: #4a5a70;--text-faint: #8595aa;--accent: #2563eb;--accent-light: #3b82f6;--accent-hi: #0891b2;--accent-cyan: #0891b2;--accent-2: #e11d48;--accent-2-light: #f43f5e;--grad-primary: linear-gradient(135deg, var(--accent) 0%, var(--accent-hi) 100%);--grad-primary-hover: linear-gradient(135deg, var(--accent-hi) 0%, var(--accent) 100%);--grad-alerte: linear-gradient(135deg, #e11d48 0%, #f97316 100%);--green: #059669;--red: #e11d48;--blue: #2563eb;--purple: #9333ea;--cyan: #0891b2;--amber: #d97706;--police: "Inter", "Segoe UI", system-ui, sans-serif;--police-titre: "Archivo", "Inter", sans-serif;--police-narrow: "Archivo Narrow", "Archivo", sans-serif;--police-mono: "JetBrains Mono", Consolas, monospace;--sidebar-w: 244px;--topbar-h: 56px;--esp-1: 4px;--esp-2: 8px;--esp-3: 12px;--esp-4: 16px;--esp-5: 24px;--esp-6: 32px;--esp-7: 48px;--cell-py: 11px;--cell-px: 14px;--cell-fs: 13px;--row-h: 44px;--rayon-sm: 8px;--rayon-md: 12px;--rayon-lg: 16px;--ombre-sm: 0 1px 2px rgba(15, 27, 45, .06), 0 1px 3px rgba(15, 27, 45, .1);--ombre-md: 0 6px 20px rgba(15, 27, 45, .1);--ombre-lg: 0 24px 64px rgba(15, 27, 45, .2);--lueur-accent: 0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent)}:root[data-densite=compact]{--cell-py: 7px;--cell-fs: 12.5px;--row-h: 36px}:root[data-densite=ultra]{--cell-py: 4px;--cell-px: 10px;--cell-fs: 12px;--row-h: 30px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--police);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--accent-light);text-decoration:none}button{font-family:inherit}.mono{font-family:var(--police-mono)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-2)}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:5px;border:2px solid var(--bg-2)}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}::-webkit-scrollbar-corner{background:var(--bg-2)}.app{display:flex;height:100%}.sidebar{width:var(--sidebar-w);flex-shrink:0;display:flex;flex-direction:column;background:var(--bg-2);border-right:1px solid var(--border);overflow-y:auto}.sidebar-logo{display:flex;align-items:center;gap:var(--esp-3);padding:var(--esp-4);border-bottom:1px solid var(--border)}.sidebar-logo .logo-icone{width:38px;height:38px;flex-shrink:0;background:var(--grad-primary);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #2563eb73,inset 0 1px #ffffff40}.sidebar-logo .logo-icone img{width:24px;height:24px}.logo-icone{color:#fff}.sablier{display:block}.sablier-flip{transform-box:fill-box;transform-origin:center;animation:sablier-flip 4.5s ease-in-out infinite}@keyframes sablier-flip{0%,38%{transform:rotate(0)}50%,88%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.sablier-flux{animation:sablier-flux .9s ease-in-out infinite}@keyframes sablier-flux{0%,to{opacity:.15}50%{opacity:1}}.sablier-haut{animation:sablier-vide 4.5s ease-in-out infinite;transform-box:fill-box;transform-origin:center top}.sablier-bas{animation:sablier-plein 4.5s ease-in-out infinite;transform-box:fill-box;transform-origin:center bottom}@keyframes sablier-vide{0%{transform:scaleY(1)}38%{transform:scaleY(.15)}50%,to{transform:scaleY(1)}}@keyframes sablier-plein{0%{transform:scaleY(.15)}38%{transform:scaleY(1)}50%,to{transform:scaleY(.15)}}@media (prefers-reduced-motion: reduce){.sablier-flip,.sablier-flux,.sablier-haut,.sablier-bas{animation:none}}.sidebar-logo .logo-img{width:44px;height:44px;flex-shrink:0;border-radius:10px;background:#fff;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:3px}.sidebar-logo .logo-img img{max-width:100%;max-height:100%;object-fit:contain}.sidebar-logo .logo-nom{font-weight:900;font-size:15px;letter-spacing:-.3px;line-height:1.15}.sidebar-logo .logo-sous{font-family:var(--police-mono);font-size:9px;color:var(--accent-light);text-transform:uppercase;letter-spacing:1.5px;font-weight:700}.sidebar nav{flex:1;padding:var(--esp-2) 0}.nav-section{padding:14px 16px 6px;font-family:var(--police-mono);font-size:9px;font-weight:700;color:var(--text-faint);letter-spacing:1.5px;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 16px;color:var(--text-dim);font-size:13px;border-left:2px solid transparent;transition:all .15s ease;position:relative}.nav-item:hover{color:var(--text);background:var(--bg-3);padding-left:18px}.nav-item.actif{color:var(--accent);background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 12%,transparent),transparent);border-left-color:var(--accent);font-weight:600}.nav-item.actif:before{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:3px;height:18px;background:var(--accent-light);border-radius:2px 0 0 2px;opacity:.6}.nav-item .nav-badge{margin-left:auto;font-family:var(--police-mono);font-size:9px;font-weight:700;padding:2px 7px;border-radius:10px;background:var(--bg-elev);color:var(--text-dim);border:1px solid var(--border-2)}.nav-item .nav-badge.alerte{background:var(--red);color:#fff;border-color:var(--red);animation:badgePulse 2s ease-in-out infinite}.nav-item .nav-badge.warn{background:#fbbf2426;color:var(--amber);border-color:#fbbf2466}@keyframes badgePulse{0%,to{box-shadow:0 0 #ef444480}50%{box-shadow:0 0 0 4px #ef444400}}.sidebar-pied{padding:var(--esp-4);border-top:1px solid var(--border);font-size:13px}.sidebar-pied .nom{font-weight:700}.sidebar-pied .role{font-family:var(--police-mono);font-size:9px;color:var(--text-faint);text-transform:uppercase;letter-spacing:1px;margin-top:2px}.sidebar-pied button{margin-top:var(--esp-3);width:100%;padding:7px;font-family:var(--police-narrow);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:1px;background:var(--bg-elev);color:var(--text-dim);border:1px solid var(--border-2);border-radius:var(--rayon-sm);cursor:pointer;transition:all .15s ease}.sidebar-pied button:hover{color:var(--red);border-color:#ef444466;background:#ef444414}.principal{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.topbar{height:var(--topbar-h);flex-shrink:0;background:var(--bg-2);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:var(--esp-4);padding:0 var(--esp-5)}.offdock-switch{display:flex;align-items:center;gap:6px;padding:4px 10px 4px 8px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--rayon-sm)}.offdock-switch .od-pin{font-size:13px}.offdock-switch select{border:none;background:transparent;color:var(--text);font-family:var(--police);font-size:12px;font-weight:600;cursor:pointer;outline:none;max-width:220px}.offdock-switch select option{background:var(--bg-2);color:var(--text)}.offdock-switch .od-unique{font-size:12px;font-weight:600;color:var(--text)}.densite-select{display:inline-flex;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--rayon-sm);overflow:hidden}.densite-select button{border:none;background:transparent;color:var(--text-faint);cursor:pointer;padding:5px 9px;font-family:var(--police-mono);font-size:11px;line-height:1;border-right:1px solid var(--border);transition:color .12s,background .12s}.densite-select button:last-child{border-right:none}.densite-select button:hover{color:var(--text)}.densite-select button.actif{color:#fff;background:var(--accent)}.breadcrumb{font-family:var(--police-mono);font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.breadcrumb .courant{color:var(--text)}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:var(--esp-3)}.status-pill{display:flex;align-items:center;gap:6px;font-family:var(--police-mono);font-size:10px;font-weight:700;color:var(--green);padding:4px 10px;background:#22c55e14;border:1px solid rgba(34,197,94,.2);border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.status-pill .dot{width:6px;height:6px;background:var(--green);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--bg-elev);border:1px solid var(--border-2);color:var(--text);display:flex;align-items:center;justify-content:center;font-family:var(--police-mono);font-weight:700;font-size:11px}.contenu{flex:1;overflow-y:auto;padding:var(--esp-5);scroll-behavior:smooth}.contenu>*{animation:pageFadeIn .3s ease}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-titre{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--esp-5);gap:var(--esp-4);flex-wrap:wrap}.page-titre h1{font-family:var(--police-titre);font-weight:800;font-size:28px;letter-spacing:-.6px;line-height:1;background:linear-gradient(135deg,var(--text) 20%,var(--text-dim) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.page-titre .sous-titre{font-family:var(--police-mono);font-size:11px;color:var(--text-dim);margin-top:var(--esp-2);letter-spacing:.05em}.eyebrow{font-family:var(--police-mono);font-size:10px;font-weight:700;color:var(--accent-light);text-transform:uppercase;letter-spacing:2px;margin-bottom:6px}.carte{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--rayon-md);padding:var(--esp-5);transition:border-color .2s}.carte:hover{border-color:var(--border-2)}.carte+.carte{margin-top:var(--esp-4)}.carte h2{font-family:var(--police-narrow);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text);margin-bottom:var(--esp-4)}.carte h2:before{content:"▸ ";color:var(--accent-light)}.grille-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:var(--esp-4)}.kpi{background:linear-gradient(135deg,var(--bg-2) 0%,var(--bg-3) 100%);border:1px solid var(--border);border-radius:10px;padding:18px;position:relative;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}.kpi:hover{transform:translateY(-2px);border-color:var(--border-2);box-shadow:0 8px 24px #0000004d}.kpi:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad-primary)}.kpi:after{content:"";position:absolute;top:0;right:0;width:110px;height:110px;background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 14%,transparent),transparent 70%);pointer-events:none}.kpi.alerte:before{background:var(--grad-alerte)}.kpi.alerte:after{background:radial-gradient(circle at top right,rgba(244,63,94,.14),transparent 70%)}.kpi .libelle{font-family:var(--police-mono);font-size:10px;color:var(--text-faint);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px;position:relative;z-index:1}.kpi .valeur{font-family:var(--police-titre);font-weight:800;font-size:30px;line-height:1;color:var(--text);font-variant-numeric:tabular-nums;position:relative;z-index:1}.kpi.alerte .valeur{color:var(--red)}.kpi .detail{font-family:var(--police-mono);font-size:10px;color:var(--text-dim);margin-top:8px;position:relative;z-index:1}.btn{display:inline-flex;align-items:center;gap:var(--esp-2);font-family:var(--police-narrow);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:1px;padding:8px 16px;border-radius:var(--rayon-sm);background:var(--bg-elev);color:var(--text);border:1px solid var(--border-2);cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn:hover{background:var(--bg-3);border-color:var(--text-faint);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.btn:not(.btn-secondaire):not(.btn-danger){background:var(--grad-primary);color:#fff;border-color:transparent;box-shadow:0 2px 10px #2563eb4d}.btn:not(.btn-secondaire):not(.btn-danger):hover{background:var(--grad-primary-hover);box-shadow:0 6px 18px #2563eb73;transform:translateY(-2px)}.btn-secondaire{background:var(--bg-elev);color:var(--text)}.btn-danger{background:#ef44441a;color:var(--red);border-color:#ef44444d}.btn-danger:hover{background:#ef444433;border-color:var(--red)}.btn-lg{padding:12px 24px;font-size:13px}.badge{display:inline-block;padding:3px 9px;border-radius:10px;font-family:var(--police-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:var(--bg-elev);color:var(--text-dim);border:1px solid var(--border-2)}.badge-succes{background:#22c55e1f;color:var(--green);border-color:#22c55e59}.badge-attente{background:#fbbf241a;color:var(--amber);border-color:#fbbf244d}.badge-erreur{background:#ef44441f;color:var(--red);border-color:#ef444459}.badge-info{background:#3b82f61f;color:var(--blue);border-color:#3b82f659}.badge-neutre{background:var(--bg);color:var(--text-faint);border-color:var(--border)}.tableau-conteneur{overflow-x:auto;margin:0 calc(-1 * var(--esp-5));padding:0 var(--esp-5)}table.tableau{width:100%;border-collapse:collapse}.tableau th{text-align:left;padding:9px var(--cell-px);background:linear-gradient(180deg,var(--bg-3),var(--bg-2));font-family:var(--police-mono);font-size:10px;font-weight:700;color:var(--text-faint);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border);white-space:nowrap;position:sticky;top:0;z-index:1}.tableau td{padding:var(--cell-py) var(--cell-px);border-bottom:1px solid var(--border);font-size:var(--cell-fs);vertical-align:middle}.tableau tbody tr{transition:background .12s ease}.tableau tbody tr:hover{background:linear-gradient(90deg,var(--bg-3),var(--bg-2))}.tableau tbody tr:last-child td{border-bottom:0}.tableau td strong{font-family:var(--police-mono);font-size:12px;color:var(--accent-light);font-weight:700}.tableau tbody tr:hover td strong{color:var(--accent-2-light)}.tableau .montant{text-align:right;font-family:var(--police-mono);font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.tableau th.montant{text-align:right}.tableau .actions{text-align:right;white-space:nowrap}.champ{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--esp-4)}.champ label{font-family:var(--police-mono);font-size:10px;color:var(--text-faint);text-transform:uppercase;letter-spacing:1px}.champ input,.champ select,.champ textarea{background:var(--bg);border:1px solid var(--border-2);border-radius:var(--rayon-sm);padding:9px 12px;color:var(--text);font-family:inherit;font-size:13px;outline:0;width:100%;transition:border-color .15s,box-shadow .15s,background .15s}.champ input:hover,.champ select:hover,.champ textarea:hover{border-color:var(--text-faint)}.champ input:focus,.champ select:focus,.champ textarea:focus{border-color:var(--accent);box-shadow:var(--lueur-accent);background:var(--bg-2)}.champ input::placeholder{color:var(--text-faint)}.champ select option{background:var(--bg-2);color:var(--text)}.form-grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 var(--esp-3)}.form-actions{display:flex;gap:var(--esp-2);justify-content:flex-end;margin-top:var(--esp-4);padding-top:var(--esp-4);border-top:1px solid var(--border)}.recherche{background:var(--bg);border:1px solid var(--border-2);border-radius:var(--rayon-sm);padding:8px 12px;color:var(--text);font-size:13px;min-width:220px;outline:0;transition:border-color .15s,box-shadow .15s}.recherche:focus{border-color:var(--accent);box-shadow:var(--lueur-accent)}.recherche::placeholder{color:var(--text-faint)}select.recherche option{background:var(--bg-2)}.modale-fond{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-start;justify-content:center;padding:var(--esp-6);z-index:50;overflow-y:auto;animation:pageFadeIn .2s ease}.modale{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--rayon-lg);box-shadow:var(--ombre-lg);width:100%;max-width:680px;padding:var(--esp-5);margin-top:var(--esp-5);position:relative}.modale:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-hi),var(--accent));background-size:200% 100%;border-radius:var(--rayon-lg) var(--rayon-lg) 0 0;animation:gradient-shift 6s ease infinite}@keyframes gradient-shift{0%{background-position:0% 0%}50%{background-position:100% 0%}to{background-position:0% 0%}}.modale h2{font-weight:700;font-size:16px;color:var(--text);margin-bottom:var(--esp-4)}.modale.critique:before{background:var(--grad-alerte)}.modale-avert{display:flex;gap:var(--esp-3);align-items:flex-start;background:color-mix(in srgb,var(--accent-2) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent-2) 35%,transparent);color:var(--text);border-radius:var(--rayon-sm);padding:var(--esp-3) var(--esp-4);margin-bottom:var(--esp-4);font-size:13px}.modale-avert .ico{font-size:18px;line-height:1.2}.modale-avert .montant-cle{font-family:var(--police-mono);font-weight:700;color:var(--accent-2-light)}.illus-port{display:block;width:100%;height:auto}.dash-hero{position:relative;overflow:hidden;margin-bottom:var(--esp-5);background:linear-gradient(120deg,var(--bg-2) 40%,var(--bg-3) 100%);border:1px solid var(--border);border-radius:var(--rayon-lg);padding:var(--esp-6);min-height:132px}.dash-hero:before{content:"";position:absolute;top:-40%;left:-5%;width:320px;height:320px;background:radial-gradient(circle,color-mix(in srgb,var(--amber) 22%,transparent),transparent 65%);pointer-events:none}.dash-hero-txt{position:relative;z-index:1}.dash-hero-txt h1{font-family:var(--police-titre);font-weight:800;font-size:26px;letter-spacing:-.5px;margin-top:4px;background:linear-gradient(135deg,var(--text) 20%,var(--text-dim));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dash-hero-illus{position:absolute;right:0;bottom:0;width:min(52%,460px);opacity:.9;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 32%);mask-image:linear-gradient(90deg,transparent,#000 32%)}@media (max-width: 860px){.dash-hero-illus{display:none}}.connexion-scene{position:fixed;left:0;right:0;bottom:0;width:100%;max-width:1100px;margin:0 auto;opacity:.5;pointer-events:none;z-index:0}.etat-vide{text-align:center;padding:var(--esp-6) var(--esp-5);color:var(--text-faint);font-family:var(--police-mono);font-size:12px;display:flex;flex-direction:column;align-items:center;gap:var(--esp-3)}.etat-vide p{max-width:340px;margin:0}.message-erreur,.message-succes{padding:12px 16px;border-radius:var(--rayon-sm);margin-bottom:var(--esp-4);font-family:var(--police-mono);font-size:12px;animation:pageFadeIn .25s ease}.message-erreur{background:#ef444414;color:var(--red);border:1px solid rgba(239,68,68,.3)}.message-succes{background:#22c55e14;color:var(--green);border:1px solid rgba(34,197,94,.25)}.squelette{background:linear-gradient(90deg,var(--bg-3),var(--bg-elev),var(--bg-3));background-size:200% 100%;animation:brille 1.4s infinite;border-radius:var(--rayon-sm);height:16px}@keyframes brille{to{background-position:-200% 0}}.chargement{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--esp-4);padding:var(--esp-7) var(--esp-5);min-height:220px;color:var(--accent)}.chargement-sablier{filter:drop-shadow(0 4px 10px color-mix(in srgb,var(--accent) 35%,transparent))}.chargement-label{font-family:var(--police-mono);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-faint)}.chargement.plein{min-height:100vh}.connexion-page{min-height:100%;display:flex;align-items:center;justify-content:center;padding:var(--esp-5);background:radial-gradient(circle at 30% 20%,rgba(30,64,175,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(59,130,246,.07) 0%,transparent 50%),var(--bg)}.connexion-carte{width:420px;max-width:100%;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--rayon-lg);padding:36px;box-shadow:var(--ombre-lg),0 0 0 1px #1e40af0d;position:relative;z-index:1}.connexion-carte:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-hi),var(--accent));background-size:200% 100%;border-radius:var(--rayon-lg) var(--rayon-lg) 0 0;animation:gradient-shift 6s ease infinite}.connexion-carte .logo{display:flex;align-items:center;gap:14px;margin-bottom:var(--esp-5)}.connexion-carte .logo .logo-icone{width:54px;height:54px;flex-shrink:0;background:var(--grad-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 28px #2563eb66,inset 0 1px #ffffff40}.connexion-carte .logo .logo-icone img{width:32px;height:32px}.connexion-carte h1{font-weight:900;font-size:26px;letter-spacing:-.5px;background:linear-gradient(135deg,var(--text) 0%,var(--text-dim) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.connexion-carte .logo-sous{font-family:var(--police-mono);font-size:10px;font-weight:700;color:var(--accent-light);text-transform:uppercase;letter-spacing:1.5px}.connexion-carte .baseline{font-size:12px;color:var(--text-dim);margin-bottom:var(--esp-5);line-height:1.5}.demo-creds{margin-top:var(--esp-4);padding:12px;background:var(--bg-3);border:1px solid var(--border);border-radius:var(--rayon-sm);font-family:var(--police-mono);font-size:11px}.demo-creds .titre{color:var(--text-faint);text-transform:uppercase;letter-spacing:1px;font-size:9px;margin-bottom:8px}.demo-creds .ligne{display:flex;justify-content:space-between;padding:3px 0;color:var(--text-dim);cursor:pointer}.demo-creds .ligne:hover{color:var(--accent-light)}.onglets{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-bottom:var(--esp-5)}.onglet{padding:10px 16px;cursor:pointer;background:none;border:none;font-family:var(--police-narrow);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s}.onglet:hover{color:var(--text)}.onglet.actif{color:var(--accent-light);border-bottom-color:var(--accent-light)}.champ-photos-liste{display:flex;gap:var(--esp-2);flex-wrap:wrap}.photo-vignette{position:relative;width:72px;height:72px;border-radius:var(--rayon-sm);overflow:hidden;border:1px solid var(--border-2)}.photo-vignette img{width:100%;height:100%;object-fit:cover;display:block}.photo-vignette button{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;background:#0009;color:#fff;border:none;cursor:pointer;font-size:11px;line-height:1}.photo-ajout{width:72px;height:72px;border-radius:var(--rayon-sm);cursor:pointer;background:var(--bg);border:1px dashed var(--border-2);color:var(--text-faint);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;font-family:var(--police-mono)}.photo-ajout:hover{border-color:var(--accent);color:var(--accent-light)}.photo-ajout span:first-child{font-size:20px}.passage-photos{display:flex;gap:4px}.passage-photos img{width:30px;height:30px;object-fit:cover;border-radius:4px;border:1px solid var(--border)}.yard-legende{display:flex;gap:var(--esp-5);flex-wrap:wrap;margin-bottom:var(--esp-4);font-family:var(--police-mono);font-size:11px;color:var(--text-dim)}.yard-legende span{display:inline-flex;align-items:center;gap:6px}.cell-demo,.yard-legende i{width:16px;height:16px;border-radius:4px;display:inline-block}.yard-offdock-head{display:flex;align-items:center;justify-content:space-between;gap:var(--esp-4);margin-bottom:var(--esp-4);flex-wrap:wrap}.yard-offdock-head h2:before{content:"🏗 "}.yard-occ{display:flex;align-items:center;gap:var(--esp-3);color:var(--text-dim)}.yard-zone{margin-bottom:var(--esp-5)}.yard-zone:last-child{margin-bottom:0}.yard-zone-head{display:flex;align-items:center;gap:var(--esp-3);padding-bottom:var(--esp-2);margin-bottom:var(--esp-3);border-bottom:1px dashed var(--border)}.yard-zone-nom{font-family:var(--police-narrow);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--text)}.yard-zone-occ{margin-left:auto;color:var(--text-faint);font-size:11px}.yard-blocs{display:flex;flex-wrap:wrap;gap:var(--esp-6);align-items:flex-end}.vue-switch{display:inline-flex;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--rayon-sm);overflow:hidden}.vue-switch button{border:none;background:transparent;color:var(--text-dim);cursor:pointer;padding:7px 12px;font-family:var(--police-narrow);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.5px;border-right:1px solid var(--border)}.vue-switch button:last-child{border-right:none}.vue-switch button:hover{color:var(--text)}.vue-switch button.actif{color:#fff;background:var(--accent)}.parc3dreel{position:relative;width:100%;height:460px;border-radius:var(--rayon-md);overflow:hidden;border:1px solid var(--border);background:var(--bg)}.parc3dreel canvas{display:block;cursor:grab}.parc3dreel canvas:active{cursor:grabbing}.parc3dreel:after{content:"🖱 glisser pour pivoter · molette pour zoomer · clic droit pour déplacer";position:absolute;left:10px;bottom:8px;z-index:2;pointer-events:none;font-family:var(--police-mono);font-size:10px;color:var(--text-faint);background:color-mix(in srgb,var(--bg) 70%,transparent);padding:3px 8px;border-radius:6px}.parc3dreel-tip{position:absolute;z-index:3;pointer-events:none;background:var(--bg-elev);border:1px solid var(--border-2);border-radius:var(--rayon-sm);padding:6px 9px;font-size:11px;color:var(--text);box-shadow:var(--ombre-md);max-width:220px}.parc3dreel-tip b{font-family:var(--police-mono);color:var(--accent-light)}.parc3d-svg{width:100%;height:auto;overflow:visible}.parc3d-sol{fill:var(--bg-3);stroke:var(--border-2);stroke-width:.8}.ctn3d{cursor:pointer;transition:filter .12s ease}.ctn3d:hover{filter:brightness(1.2) drop-shadow(0 4px 6px rgba(0,0,0,.5))}.ctn3d polygon{stroke:#00000059;stroke-width:.5;stroke-linejoin:round}.ctn3d-label{font-family:var(--police-mono);font-size:7.5px;font-weight:700;fill:#ffffffeb;pointer-events:none}.yard-bloc-label{font-family:var(--police-mono);font-size:10px;color:var(--text-faint);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px}.yard-grille{display:grid;grid-template-columns:repeat(auto-fill,64px);gap:6px}.cell{width:64px;height:64px;border-radius:var(--rayon-sm);border:1px solid var(--border-2);background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;cursor:pointer;padding:4px;overflow:hidden;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.cell:not(:disabled):hover{transform:translateY(-2px) scale(1.04);box-shadow:var(--ombre-md);z-index:1;filter:brightness(1.12)}.cell:disabled{cursor:default}.cell-pos{font-family:var(--police-mono);font-size:8px;opacity:.65}.cell-ctn{font-family:var(--police-mono);font-size:11px;font-weight:700;letter-spacing:.5px}.cell-taille{font-family:var(--police-mono);font-size:9px;opacity:.85}.cell.libre,.cell-demo.libre{background:repeating-linear-gradient(45deg,transparent,transparent 5px,rgba(100,115,150,.06) 5px,rgba(100,115,150,.06) 10px);border-style:dashed;border-color:var(--border)}.cell.libre{color:var(--text-faint)}.cell.plein,.cell-demo.plein{background:linear-gradient(150deg,var(--accent),color-mix(in srgb,var(--accent) 65%,#000));border-color:var(--accent-light);color:#fff;box-shadow:inset 0 1px #ffffff2e}.cell.vide,.cell-demo.vide{background:linear-gradient(150deg,#475569,#334155);border-color:#64748b;color:#e2e8f0}.cell.reefer,.cell-demo.reefer{background:linear-gradient(150deg,#06b6d4,#0e7490);border-color:#22d3ee;color:#ecfeff;box-shadow:inset 0 1px #fff3}.insights{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--esp-3)}.insight{display:flex;gap:var(--esp-3);align-items:flex-start;padding:var(--esp-3) var(--esp-4);border-radius:var(--rayon-sm);background:var(--bg-3);border:1px solid var(--border);border-left-width:3px}.insight-icone{font-size:18px;line-height:1.3;flex-shrink:0}.insight-titre{font-weight:700;font-size:13px}.insight-detail{font-size:12px;color:var(--text-dim);margin-top:2px;line-height:1.45}.insight-critique{border-left-color:var(--red)}.insight-warn{border-left-color:var(--amber)}.insight-info{border-left-color:var(--blue)}.insight-ok{border-left-color:var(--green)}.insight-predict{border-left-color:var(--purple)}.jauge{height:8px;background:var(--bg);border-radius:999px;overflow:hidden;border:1px solid var(--border)}.jauge>div{height:100%;background:var(--grad-primary)}.jauge.pleine>div{background:var(--grad-alerte)}.impression-doc{display:none}.impression-doc .num{text-align:right;font-variant-numeric:tabular-nums}@media screen{.impression-doc{display:none!important}}@media print{body{background:#fff}.app>*,.modale-fond{display:none!important}.impression-doc{display:block!important;position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;color:#111;background:#fff;font-family:var(--police)}@page{size:A4;margin:16mm 14mm}}.impression-doc{font-size:12px;color:#111}.imp-entete{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:16px;border-bottom:3px solid var(--accent);margin-bottom:20px}.imp-societe{display:flex;gap:12px;align-items:center}.imp-logo{max-width:90px;max-height:60px;object-fit:contain}.imp-societe-nom{font-family:var(--police-titre);font-weight:800;font-size:18px;color:var(--accent)}.imp-societe-info{font-size:11px;color:#555}.imp-titre-bloc{text-align:right}.imp-doc-type{font-family:var(--police-titre);font-weight:800;font-size:22px;letter-spacing:1px;color:#111}.imp-numero{font-family:var(--police-mono);font-size:14px;font-weight:700;color:var(--accent)}.imp-date{font-size:11px;color:#555;margin-top:2px}.imp-parties{display:flex;justify-content:space-between;gap:24px;margin-bottom:20px}.imp-label{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#888;margin-bottom:3px}.imp-client-nom{font-weight:700;font-size:14px}.imp-ref{font-size:11px;color:#555;margin-top:4px}.imp-table{width:100%;border-collapse:collapse;margin-bottom:16px}.imp-table th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#fff;background:var(--accent);padding:8px 10px}.imp-table th.num,.imp-table td.num{text-align:right}.imp-table td{padding:8px 10px;border-bottom:1px solid #e5e5e5}.imp-totaux{display:flex;justify-content:flex-end;margin-bottom:18px}.imp-totaux-grille{display:grid;grid-template-columns:auto auto;gap:4px 32px;min-width:260px}.imp-totaux-grille>span:nth-child(odd){color:#555}.imp-totaux-grille .num{font-family:var(--police-mono)}.imp-ttc{font-weight:800;font-size:15px;color:var(--accent);border-top:2px solid var(--accent);padding-top:4px;margin-top:2px}.imp-lettres{font-style:italic;font-size:12px;padding:10px 12px;background:#f5f5f5;border-radius:6px;margin-bottom:14px}.imp-bas{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.imp-acquit{display:inline-block;border:2px solid var(--green);color:var(--green);font-weight:800;padding:6px 16px;border-radius:6px;transform:rotate(-4deg);letter-spacing:1px}.imp-qr{display:flex;align-items:center;gap:10px;margin-left:auto}.imp-qr img{width:84px;height:84px}.imp-qr span{font-size:9px;color:#888;line-height:1.3}.imp-pied{margin-top:28px;padding-top:10px;border-top:1px solid #ddd;font-size:9px;color:#888;display:flex;justify-content:space-between;gap:16px}@media (max-width: 860px){.app{flex-direction:column}.sidebar{width:100%;flex-direction:row;align-items:center;overflow-x:auto;border-right:0;border-bottom:1px solid var(--border)}.sidebar-logo{border-bottom:0;padding:var(--esp-2) var(--esp-3)}.sidebar-logo .logo-nom,.sidebar-logo .logo-sous{display:none}.sidebar nav{display:flex;padding:0}.nav-item{border-left:none;border-bottom:2px solid transparent;white-space:nowrap;padding:12px}.nav-item:hover{padding-left:12px}.nav-item.actif{border-left:none;border-bottom-color:var(--accent-light)}.nav-item.actif:before{display:none}.nav-section,.sidebar-pied{display:none}.topbar{padding:0 var(--esp-4)}.contenu{padding:var(--esp-4)}.btn{min-height:44px}.page-titre h1{font-size:22px}}