:root{--surface-0: #0a1f0f;--surface-0-fin: #112420;--surface-1: rgba(255, 255, 255, .04);--surface-2: #15302a;--border-subtle: rgba(78, 204, 163, .18);--text-1: #e6fff0;--text-2: #a9c9b3;--text-muted: #7f9c88;--primary: #4ecca3;--primary-hover: #6dd9b6;--primary-fonce: #2eaf7d;--primary-soft: rgba(78, 204, 163, .12);--success: #48bb78;--warning: #ffb84d;--warning-soft: rgba(255, 184, 77, .12);--danger: #ff5c5c;--danger-hover: #ff7a7a;--danger-soft: rgba(255, 92, 92, .12);--info: #63b3ed;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-1: 0 2px 8px rgba(0, 0, 0, .25);--shadow-2: 0 12px 32px rgba(0, 0, 0, .45);--font-base: "Inter", "Segoe UI", sans-serif;--font-arabic: "Amiri", serif;--font-mono: ui-monospace, "Cascadia Mono", Consolas, monospace;--duree-rapide: .15s;--background-gradient-start: var(--surface-0);--background-gradient-end: var(--surface-0-fin);--text-primary: var(--text-1);--text-secondary: var(--text-2);--accent-color: var(--primary);--button-gradient-start: var(--primary);--button-gradient-end: var(--primary-fonce);--spacing-xs: var(--space-2);--spacing-sm: var(--space-4);--spacing-md: var(--space-6);--spacing-lg: 4rem;--border-radius: 8px;--nav-height: 64px;--sidebar-width: 232px;--sidebar-width-reduite: 68px;--max-width: 1200px;--transition: all .3s ease}@media (prefers-reduced-motion: reduce){:root{--duree-rapide: 0ms;--transition: none}}body{background:linear-gradient(135deg,var(--background-gradient-start),var(--background-gradient-end));min-height:100vh;color:var(--text-primary)}.container{max-width:var(--max-width);margin:0 auto;padding:var(--spacing-md)}.hero-section{min-height:calc(100vh - var(--nav-height));display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--spacing-lg) var(--spacing-md)}.hero-title{font-size:4rem;font-weight:700;margin-bottom:var(--spacing-md);line-height:1.2;background:linear-gradient(to right,var(--text-primary),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.5rem;color:var(--text-secondary);max-width:600px;margin-bottom:var(--spacing-lg)}.app-shell{--sidebar-actuelle: 0px}.app-shell.avec-sidebar{--sidebar-actuelle: var(--sidebar-width)}.app-shell.avec-sidebar.sidebar-reduite{--sidebar-actuelle: var(--sidebar-width-reduite)}.app-topbar{position:fixed;top:0;left:0;right:0;height:var(--nav-height);z-index:1000;display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-5) 0 var(--space-4);background:#0a1f0ff2;backdrop-filter:blur(10px);border-bottom:1px solid var(--border-subtle)}.nav-logo{font-size:1.35rem;font-weight:700;color:var(--primary);text-decoration:none;white-space:nowrap}.icone-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-2);cursor:pointer;transition:background var(--duree-rapide),color var(--duree-rapide)}.icone-btn:hover{background:var(--primary-soft);color:var(--text-1)}.bouton-deconnexion:hover{background:var(--danger-soft);color:var(--danger)}.fil-ariane{display:flex;align-items:center;gap:var(--space-2);min-width:0;overflow:hidden;font-size:.95rem;color:var(--text-muted);white-space:nowrap}.fil-ariane a{color:var(--text-2);text-decoration:none}.fil-ariane a:hover{color:var(--primary)}.fil-ariane .courant{color:var(--text-1);font-weight:500;overflow:hidden;text-overflow:ellipsis}.topbar-droite{display:flex;align-items:center;gap:var(--space-3);margin-left:auto}.pastille-demo{padding:var(--space-1) var(--space-3);border-radius:999px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-muted);font:inherit;font-size:.8rem;cursor:pointer;white-space:nowrap;transition:all var(--duree-rapide)}.pastille-demo:hover{color:var(--text-1)}.pastille-demo.actif{border-color:var(--warning);background:var(--warning-soft);color:var(--warning)}.utilisateur{display:flex;align-items:center;gap:var(--space-2)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--primary-soft);color:var(--primary);font-weight:700}.utilisateur-texte{display:flex;flex-direction:column;line-height:1.2}.utilisateur-nom{color:var(--text-1);font-size:.9rem;font-weight:500}.utilisateur-role{color:var(--text-muted);font-size:.75rem}.app-sidebar{position:fixed;top:var(--nav-height);bottom:0;left:0;width:var(--sidebar-actuelle);z-index:900;display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-4) var(--space-3);background:#0a1f0ff7;border-right:1px solid var(--border-subtle);overflow-x:hidden;overflow-y:auto;transition:width var(--duree-rapide) ease}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-lien,.sidebar-replier{display:flex;align-items:center;gap:var(--space-3);height:44px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--text-2);text-decoration:none;white-space:nowrap;transition:background var(--duree-rapide),color var(--duree-rapide)}.sidebar-lien svg,.sidebar-replier svg{flex-shrink:0}.sidebar-lien:hover{background:var(--primary-soft);color:var(--text-1)}.sidebar-lien.actif{background:var(--primary-soft);color:var(--primary);font-weight:600;box-shadow:inset 3px 0 0 var(--primary)}.sidebar-section{margin:var(--space-5) 0 var(--space-2);padding:0 var(--space-3);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap}.sidebar-replier{border:none;background:transparent;font:inherit;font-size:.85rem;color:var(--text-muted);cursor:pointer}.sidebar-replier:hover{color:var(--text-1)}.sidebar-replier svg{transition:transform var(--duree-rapide)}.sidebar-reduite .sidebar-libelle{display:none}.sidebar-reduite .sidebar-section{height:1px;padding:0;overflow:hidden;color:transparent;background:var(--border-subtle)}.sidebar-reduite .sidebar-replier svg{transform:rotate(180deg)}.sidebar-voile{display:none}.app-main{padding-top:var(--nav-height);margin-left:var(--sidebar-actuelle);transition:margin-left var(--duree-rapide) ease}.sans-navigation .app-main{padding-top:0}@media (max-width: 900px){.app-shell.avec-sidebar,.app-shell.avec-sidebar.sidebar-reduite{--sidebar-actuelle: var(--sidebar-width)}.app-sidebar{transform:translate(-100%);transition:transform var(--duree-rapide) ease}.menu-mobile-ouvert .app-sidebar{transform:none}.sidebar-reduite .sidebar-libelle{display:inline}.sidebar-replier{display:none}.menu-mobile-ouvert .sidebar-voile{display:block;position:fixed;inset:var(--nav-height) 0 0 0;z-index:800;background:#00000080}.app-main{margin-left:0}.utilisateur-texte,.fil-ariane{display:none}}.sidebar-reprise{height:auto;min-height:52px;margin-bottom:var(--space-3);padding-top:var(--space-2);padding-bottom:var(--space-2);border:1px dashed var(--warning);color:var(--warning)}.sidebar-reprise:hover,.sidebar-reprise.actif{background:var(--warning-soft);color:var(--warning)}.sidebar-reprise.actif{box-shadow:inset 3px 0 0 var(--warning)}.sidebar-reprise .sidebar-libelle{display:flex;flex-direction:column;min-width:0;line-height:1.25}.reprise-titre{font-weight:600}.reprise-nom{font-size:.8rem;color:var(--text-2);overflow:hidden;text-overflow:ellipsis}.sidebar-reduite .sidebar-reprise{min-height:44px}.sidebar-compteur{margin-left:auto;min-width:22px;padding:0 var(--space-2);border-radius:999px;background:var(--warning-soft);color:var(--warning);font-size:.78rem;font-weight:700;text-align:center}.sidebar-reduite .sidebar-compteur{display:none}.btn{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);border:none;font-weight:600;cursor:pointer;transition:var(--transition);text-decoration:none;display:inline-block}.btn-primary{background:linear-gradient(135deg,var(--button-gradient-start),var(--button-gradient-end));color:var(--background-gradient-start)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 20px #64ffda40}.btn-secondary{background:transparent;color:var(--accent-color);border:2px solid var(--accent-color)}.btn-secondary:hover{background:#64ffda1a}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-hover)}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn:focus-visible,.nav-link:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-base);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{margin-bottom:var(--spacing-sm);line-height:1.3}p{margin-bottom:var(--spacing-md)}.demo-mode .demo-blur{filter:blur(5px);transition:filter .3s ease;-webkit-user-select:none;user-select:none}.demo-mode .demo-blur:hover{filter:blur(0)}