:root{--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-primary-contrast: #ffffff;--color-primary-soft: rgba(37, 99, 235, .12);--color-primary-soft: color-mix(in srgb, var(--color-primary) 12%, transparent);--color-primary-ring: rgba(37, 99, 235, .35);--color-primary-ring: color-mix(in srgb, var(--color-primary) 35%, transparent);--color-bg: #f6f7f9;--color-surface: #ffffff;--color-surface-2: #f9fafb;--color-surface-hover: #f3f4f6;--color-border: #e5e7eb;--color-border-strong: #d1d5db;--color-text: #111827;--color-text-muted: #6b7280;--color-text-subtle: #9ca3af;--color-danger: #dc2626;--color-danger-soft: #fef2f2;--color-danger-border: #fecaca;--color-danger-text: #991b1b;--color-success: #16a34a;--color-success-soft: #f0fdf4;--color-success-border: #bbf7d0;--color-success-text: #166534;--color-warning: #d97706;--color-warning-soft: #fffbeb;--color-warning-border: #fde68a;--color-warning-text: #92400e;--color-info-soft: #eff6ff;--sidebar-bg: #0f172a;--sidebar-text: #cbd5e1;--sidebar-text-active: #ffffff;--sidebar-hover: rgba(255, 255, 255, .07);--sidebar-border: rgba(255, 255, 255, .08);--shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);--shadow: 0 1px 3px rgba(16, 24, 40, .08), 0 1px 2px rgba(16, 24, 40, .04);--shadow-md: 0 4px 12px rgba(16, 24, 40, .08), 0 2px 4px rgba(16, 24, 40, .04);--shadow-lg: 0 12px 32px rgba(16, 24, 40, .12), 0 4px 8px rgba(16, 24, 40, .06);--radius-sm: 6px;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;--transition: .15s cubic-bezier(.4, 0, .2, 1);color-scheme:light;font-family:var(--font-sans)}[data-theme=dark]{--color-primary-contrast: #ffffff;--color-primary-soft: rgba(37, 99, 235, .22);--color-primary-soft: color-mix(in srgb, var(--color-primary) 22%, transparent);--color-primary-ring: rgba(37, 99, 235, .45);--color-primary-ring: color-mix(in srgb, var(--color-primary) 45%, transparent);--color-bg: #0b1120;--color-surface: #151d2e;--color-surface-2: #1a2438;--color-surface-hover: #202b42;--color-border: #263149;--color-border-strong: #35425e;--color-text: #e8ecf4;--color-text-muted: #96a2b8;--color-text-subtle: #6b7a94;--color-danger: #f87171;--color-danger-soft: #2a1517;--color-danger-border: #5c2427;--color-danger-text: #fca5a5;--color-success: #4ade80;--color-success-soft: #10261a;--color-success-border: #1f4d33;--color-success-text: #86efac;--color-warning: #fbbf24;--color-warning-soft: #2a2010;--color-warning-border: #5c4520;--color-warning-text: #fcd34d;--color-info-soft: #17243d;--sidebar-bg: #080e1a;--sidebar-text: #93a1b8;--sidebar-border: rgba(255, 255, 255, .06);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .45), 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .55), 0 4px 8px rgba(0, 0, 0, .35);color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition),color var(--transition)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.icone{flex:0 0 auto;vertical-align:-.15em}.app{display:flex;min-height:100vh;align-items:stretch}.app-body{flex:1;min-width:0;display:flex;flex-direction:column}.app-body-plein{min-height:100vh}.app-main{padding:28px;flex:1;width:100%;max-width:1440px;margin:0 auto}.sidebar{width:248px;flex:0 0 248px;background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:var(--radius-full)}.sidebar-title{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-size:15px;font-weight:650;letter-spacing:-.01em;padding:18px;border-bottom:1px solid var(--sidebar-border);position:sticky;top:0;background:var(--sidebar-bg);z-index:2}.sidebar-logo{width:32px;height:32px;object-fit:contain;border-radius:var(--radius-sm);flex:0 0 auto}.sidebar-nav{display:flex;flex-direction:column;padding:12px 10px 24px;gap:1px}.sidebar-link{display:flex;align-items:center;gap:10px;color:var(--sidebar-text);text-decoration:none;font-size:13.5px;padding:9px 11px;border-radius:var(--radius-sm);transition:background var(--transition),color var(--transition);position:relative}.sidebar-link:hover{background:var(--sidebar-hover);color:var(--sidebar-text-active)}.sidebar-link.active{background:var(--color-primary);color:var(--sidebar-text-active);font-weight:600}.sidebar-link.active .icone{opacity:1}.sidebar-link .icone{opacity:.7}.sidebar-group-label{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;color:var(--sidebar-text);font-size:13.5px;font-family:inherit;padding:9px 11px;border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background var(--transition),color var(--transition)}.sidebar-group-label:hover{background:var(--sidebar-hover);color:var(--sidebar-text-active)}.sidebar-group-texte{flex:1}.sidebar-chevron{display:inline-flex;transition:transform var(--transition);opacity:.5}.sidebar-chevron.open{transform:rotate(90deg)}.sidebar-submenu{display:flex;flex-direction:column;gap:1px;margin:2px 0 6px 21px;padding-left:10px;border-left:1px solid var(--sidebar-border)}.sidebar-submenu .sidebar-link{font-size:13px;padding:7px 10px}.topbar{display:flex;align-items:center;gap:8px;padding:10px 28px;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:30}.nav-spacer{flex:1}.nav-user{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:550;color:var(--color-text);padding-left:6px}.nav-avatar{width:30px;height:30px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-primary-contrast);display:grid;place-items:center;font-size:12px;font-weight:650;letter-spacing:.02em;flex:0 0 auto}.btn-icone{display:inline-grid;place-items:center;width:34px;height:34px;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:background var(--transition),color var(--transition);position:relative;padding:0}.btn-icone:hover{background:var(--color-surface-hover);color:var(--color-text)}.nav-logout{display:inline-grid;place-items:center;width:34px;height:34px;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;padding:0;transition:background var(--transition),color var(--transition)}.nav-logout:hover{background:var(--color-danger-soft);color:var(--color-danger)}.page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:22px}h1{font-size:24px;font-weight:680;letter-spacing:-.02em;margin:0;text-wrap:balance}h2{font-size:16px;font-weight:640;letter-spacing:-.01em;margin:0 0 14px}h3{font-size:14px;font-weight:620;margin:0 0 10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:8px 14px;font-size:13.5px;font-weight:550;font-family:inherit;color:var(--color-text);text-decoration:none;cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-sm);transition:background var(--transition),border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.btn:hover{background:var(--color-surface-hover);border-color:var(--color-text-subtle)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-contrast)}.btn-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn-danger{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.btn-danger:hover{background:var(--color-danger);filter:brightness(.92)}.btn-sm{padding:5px 10px;font-size:12.5px}.link-btn{display:inline-flex;align-items:center;gap:5px;background:none;border:none;color:var(--color-primary);cursor:pointer;padding:0;font-size:13.5px;font-family:inherit;font-weight:550;text-decoration:none;border-radius:var(--radius-sm);transition:color var(--transition)}.link-btn:hover{text-decoration:underline}.link-btn.danger{color:var(--color-danger)}.link-btn:disabled{color:var(--color-text-subtle);cursor:not-allowed;text-decoration:none}.recherche-form{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.recherche-form input,.recherche-form select{flex:1;min-width:180px}.table{width:100%;border-collapse:separate;border-spacing:0;background:var(--color-surface);margin-bottom:14px;border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.table th,.table td{padding:11px 14px;text-align:left;font-size:13.5px;border-bottom:1px solid var(--color-border)}.table thead th{background:var(--color-surface-2);font-size:11.5px;font-weight:620;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);white-space:nowrap}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background var(--transition)}.table tbody tr:hover{background:var(--color-surface-2)}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table .actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:flex-end}.table tbody tr.cliquable{cursor:pointer}.table tbody tr.cliquable:hover{background:var(--color-primary-soft)}.table tbody tr.cliquable:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.cellule-principale{font-weight:570;color:var(--color-text)}.cellule-principale .sous-texte{display:block;font-weight:400;font-size:12.5px;color:var(--color-text-muted);margin-top:1px}.chevron-ligne{color:var(--color-text-subtle);opacity:0;transition:opacity var(--transition),transform var(--transition)}.table tbody tr.cliquable:hover .chevron-ligne{opacity:1;transform:translate(2px)}.row-attention td{background:var(--color-warning-soft)}.table-wrap{overflow-x:auto;border-radius:var(--radius)}.alert{display:flex;align-items:flex-start;gap:9px;padding:11px 14px;border-radius:var(--radius);margin-bottom:16px;font-size:13.5px;border:1px solid transparent}.alert-error{background:var(--color-danger-soft);color:var(--color-danger-text);border-color:var(--color-danger-border)}.alert-success{background:var(--color-success-soft);color:var(--color-success-text);border-color:var(--color-success-border)}.alert-warning{background:var(--color-warning-soft);color:var(--color-warning-text);border-color:var(--color-warning-border)}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:var(--radius-full);font-size:11.5px;font-weight:600;white-space:nowrap;background:var(--color-surface-hover);color:var(--color-text-muted)}.badge:before{content:"";width:6px;height:6px;border-radius:var(--radius-full);background:currentColor;flex:0 0 auto}.badge-success{background:var(--color-success-soft);color:var(--color-success-text)}.badge-error{background:var(--color-danger-soft);color:var(--color-danger-text)}.badge-warning{background:var(--color-warning-soft);color:var(--color-warning-text)}.bon-form fieldset{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.bon-form legend{font-weight:620;font-size:13.5px;padding:0 8px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.form-grid label,.bon-form>fieldset>label,.modal label,.login-form label{display:flex;flex-direction:column;gap:5px;font-size:12.5px;font-weight:600;color:var(--color-text-muted)}input,select,textarea{font-family:inherit;font-size:13.5px;padding:8px 11px;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-weight:400;background:var(--color-surface);color:var(--color-text);transition:border-color var(--transition),box-shadow var(--transition)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ring)}input::placeholder,textarea::placeholder{color:var(--color-text-subtle)}input[type=checkbox],input[type=radio]{accent-color:var(--color-primary);width:auto;cursor:pointer}input[type=file]{padding:7px 10px;cursor:pointer}.champ-mot-de-passe{position:relative;display:flex;align-items:center}.champ-mot-de-passe input{flex:1;width:100%;padding-right:40px}.champ-mot-de-passe .bascule-visibilite{position:absolute;right:4px;display:grid;place-items:center;width:30px;height:30px;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;padding:0;transition:color var(--transition),background var(--transition)}.champ-mot-de-passe .bascule-visibilite:hover{color:var(--color-text);background:var(--color-surface-hover)}.form-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.lignes-table textarea{width:100%;resize:vertical}.lignes-table input[type=number]{width:100%}.autocomplete-suggestions{list-style:none;margin:0;padding:4px;position:absolute;top:100%;left:0;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);max-height:240px;overflow-y:auto;z-index:40}.autocomplete-suggestions li{display:block}.autocomplete-suggestions button{display:flex;justify-content:space-between;gap:12px;width:100%;background:none;border:none;border-radius:var(--radius-sm);text-align:left;padding:8px 11px;font-size:13px;font-family:inherit;color:var(--color-text);cursor:pointer}.autocomplete-suggestions button:hover{background:var(--color-surface-hover)}.totaux-preview{max-width:340px;margin-left:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:16px 18px;box-shadow:var(--shadow-sm)}.totaux-ligne{display:flex;justify-content:space-between;gap:16px;padding:5px 0;font-size:13.5px;font-variant-numeric:tabular-nums}.totaux-ligne span:first-child{color:var(--color-text-muted)}.totaux-final{font-weight:700;font-size:16px;border-top:1px solid var(--color-border);margin-top:6px;padding-top:10px}.totaux-final span:first-child{color:var(--color-text)!important}.detail-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#090e1a8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:100;animation:fondu var(--transition)}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:24px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:monte .2s cubic-bezier(.4,0,.2,1)}.modal-large{max-width:760px}.modal form{display:flex;flex-direction:column;gap:14px}@keyframes fondu{0%{opacity:0}}@keyframes monte{0%{opacity:0;transform:translateY(8px) scale(.98)}}.permission-matrix{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:8px}.permission-matrix-resource{border:1px solid var(--color-border);border-radius:var(--radius);padding:12px;background:var(--color-surface)}.permission-matrix-resource legend{font-weight:620;font-size:13px;padding:0 6px}.permission-matrix-resource table{margin-bottom:0}.permission-matrix-resource select{width:100%}.permission-tree{border:1px solid var(--color-border);border-radius:var(--radius);padding:12px;max-height:320px;overflow-y:auto;background:var(--color-surface)}.permission-noeud{padding:3px 0}.permission-label{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;font-weight:400!important;cursor:pointer}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(1200px 600px at 50% -10%,var(--color-primary-soft),transparent 70%),var(--color-bg)}.login-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:36px 32px;width:100%;max-width:380px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow-lg)}.login-logo{display:block;max-width:150px;max-height:80px;margin:0 auto 4px}.login-form h1{text-align:center;font-size:21px;margin:0}.login-sous-titre{text-align:center;color:var(--color-text-muted);margin:-10px 0 6px;font-size:13.5px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.dashboard-card{margin-bottom:0;transition:box-shadow var(--transition),transform var(--transition)}.dashboard-card:hover{box-shadow:var(--shadow-md)}.dashboard-metric{font-size:30px;font-weight:700;letter-spacing:-.02em;margin:6px 0;font-variant-numeric:tabular-nums}.carte-entete{display:flex;align-items:center;gap:9px;margin-bottom:12px}.carte-icone{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-sm);background:var(--color-primary-soft);color:var(--color-primary);flex:0 0 auto}.carte-entete h2{margin:0}.nav-group{position:relative;display:flex;align-items:center}.nav-group-menu{position:absolute;top:calc(100% + 6px);left:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:6px 0;min-width:180px;z-index:50;animation:monte .15s cubic-bezier(.4,0,.2,1)}.notifications-bell{display:inline-grid;place-items:center;width:34px;height:34px;position:relative;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;padding:0;transition:background var(--transition),color var(--transition)}.notifications-bell:hover{background:var(--color-surface-hover);color:var(--color-text)}.notifications-count{position:absolute;top:1px;right:1px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;border-radius:var(--radius-full);background:var(--color-danger);color:#fff;display:grid;place-items:center;border:2px solid var(--color-surface)}.notifications-count:before{display:none}.notifications-menu{right:0;left:auto;min-width:340px;max-height:420px;overflow-y:auto;padding:0}.notifications-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-bottom:1px solid var(--color-border);font-weight:620;font-size:13.5px;position:sticky;top:0;background:var(--color-surface)}.notifications-vide{padding:22px 14px;color:var(--color-text-muted);font-size:13.5px;text-align:center}.notification-item{display:flex;flex-direction:column;gap:3px;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid var(--color-border);padding:11px 14px;cursor:pointer;font-size:13px;font-family:inherit;color:var(--color-text);transition:background var(--transition)}.notification-item:hover{background:var(--color-surface-hover)}.notification-item-non-lue{background:var(--color-info-soft);font-weight:600;box-shadow:inset 3px 0 0 var(--color-primary)}.notification-item small{font-weight:400;color:var(--color-text-muted)}.etat-vide{display:flex;flex-direction:column;align-items:center;gap:10px;padding:48px 24px;text-align:center;color:var(--color-text-muted);background:var(--color-surface);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg)}.etat-vide-icone{display:grid;place-items:center;width:48px;height:48px;border-radius:var(--radius-full);background:var(--color-surface-2);color:var(--color-text-subtle)}.etat-vide p{margin:0}.chargement{display:flex;align-items:center;gap:10px;padding:32px;color:var(--color-text-muted);justify-content:center}.spinner{width:18px;height:18px;border:2px solid var(--color-border-strong);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:tourne .7s linear infinite}@keyframes tourne{to{transform:rotate(360deg)}}.apercu-logo{display:grid;place-items:center;width:104px;height:104px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-2);padding:12px;flex:0 0 auto}.apercu-logo img{max-width:100%;max-height:100%;object-fit:contain}.nuancier{display:flex;flex-wrap:wrap;gap:10px}.pastille-couleur{width:36px;height:36px;border-radius:var(--radius-full);border:2px solid transparent;box-shadow:0 0 0 1px var(--color-border) inset;cursor:pointer;display:grid;place-items:center;color:#fff;padding:0;transition:transform var(--transition),box-shadow var(--transition)}.pastille-couleur:hover{transform:scale(1.08)}.pastille-couleur.active{border-color:var(--color-text);box-shadow:0 0 0 2px var(--color-surface) inset}.saisie-couleur{width:44px;height:36px;padding:2px;cursor:pointer}.texte-muted{color:var(--color-text-muted)}.pile{display:flex;align-items:center;gap:8px}@media (max-width: 900px){.sidebar{width:68px;flex-basis:68px}.sidebar-title span,.sidebar-group-texte,.sidebar-chevron{display:none}.sidebar-title,.sidebar-link,.sidebar-group-label{justify-content:center;padding-left:8px;padding-right:8px}.sidebar-submenu{margin-left:0;padding-left:0;border-left:none}.app-main{padding:18px 14px}.topbar{padding:10px 14px}}