.volet-detail-container-modern{background:#f8fafc;min-height:100vh;padding-bottom:4rem}.volet-header-modern{background:linear-gradient(135deg,var(--platform-color,#10b981)0%,var(--platform-color,#10b981)100%);box-shadow:var(--shadow-lg);padding:2rem 0;position:relative;overflow:hidden}.volet-header-modern:before{content:"";pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,0) 100%);position:absolute;top:0;bottom:0;left:0;right:0}.volet-header-top{z-index:1;align-items:center;gap:2rem;max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;position:relative}.btn-back-volet{color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-back-volet:hover{background:rgba(255,255,255,.3);border-color:rgba(255,255,255,.5);transform:translate(-4px)}.volet-header-title{flex:1;align-items:center;gap:1.5rem;display:flex}.volet-icon-large-modern{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:rgba(255,255,255,.15);border:2px solid rgba(255,255,255,.2);flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:32px;display:flex}.volet-header-title-content h1{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1);margin:0;font-size:1.75rem;font-weight:700;line-height:1.2}.volet-header-title-content p{color:rgba(255,255,255,.9);margin:.25rem 0 0;font-size:1rem;font-weight:400;line-height:1.4}.volet-main-modern{max-width:1400px;margin:0 auto;padding:3rem 2rem}.content-wrapper-volet{flex-direction:column;gap:2.5rem;display:flex}.intro-section-modern{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border-left:4px solid var(--platform-color,#10b981);padding:2rem}.intro-section-modern h2{color:var(--text-primary);align-items:center;gap:.75rem;margin:0 0 .75rem;font-size:1.5rem;font-weight:700;display:flex}.section-icon{color:var(--platform-color,#10b981)}.intro-section-modern p{color:var(--text-secondary);align-items:center;gap:.5rem;margin:0;font-size:1rem;display:flex}.section-icon-small{color:var(--text-muted)}.processus-grid-modern{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;display:grid}.processus-card-modern{background:var(--bg-primary);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);box-shadow:var(--shadow-sm);align-items:flex-start;gap:1.25rem;padding:1.75rem;display:flex;position:relative;overflow:hidden}.processus-card-modern:before{content:"";background:var(--platform-color,#10b981);opacity:0;width:4px;height:100%;transition:opacity var(--transition);position:absolute;top:0;left:0}.processus-card-modern:hover{box-shadow:var(--shadow-lg);border-color:var(--platform-color,#10b981);transform:translateY(-4px)}.processus-card-modern:hover:before{opacity:1}.processus-number-modern{background:linear-gradient(135deg,var(--platform-color,#10b981),var(--platform-color,#10b981));color:#fff;border-radius:var(--radius-md);width:48px;height:48px;box-shadow:var(--shadow-sm);flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.processus-content-modern{flex:1;min-width:0}.processus-content-modern h3{color:var(--text-primary);margin:0 0 .5rem;font-size:1.15rem;font-weight:700}.processus-content-modern p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.5}.processus-footer-modern{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;display:flex}.tutoriels-count-modern{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;display:flex}.tutoriels-count-modern svg{color:var(--platform-color,#10b981)}.processus-arrow-modern{color:var(--platform-color,#10b981);opacity:.5;transition:all var(--transition)}.processus-card-modern:hover .processus-arrow-modern{opacity:1;transform:translate(4px)}.empty-state-volet{text-align:center;background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:4rem 2rem}.empty-state-volet svg{color:var(--text-muted);margin-bottom:1.5rem}.empty-state-volet h3{color:var(--text-primary);justify-content:center;align-items:center;gap:.75rem;margin:0 0 .75rem;font-size:1.25rem;font-weight:600;display:flex}.empty-state-volet p{color:var(--text-secondary);justify-content:center;align-items:center;gap:.5rem;margin:0;font-size:1rem;display:flex}.loading-state-volet{text-align:center;padding:4rem 2rem}.loading-state-volet .spinner{border:4px solid var(--border);border-top-color:var(--platform-color,#10b981);border-radius:50%;width:48px;height:48px;margin:0 auto 1rem;animation:1s linear infinite spin}.loading-state-volet p{color:var(--text-secondary);margin:0;font-size:1rem}.error-state-volet{text-align:center;border-radius:var(--radius-md);background:#fef2f2;border:2px solid #fecaca;padding:2rem}.error-state-volet p{color:#dc2626;margin:0;font-weight:600}@media (max-width:1024px){.volet-header-top{flex-direction:column;align-items:flex-start;gap:1.5rem}.volet-header-title-content h1{font-size:1.5rem}.processus-grid-modern{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.volet-header-modern{padding:1.5rem 0}.volet-header-top{padding:0 1rem}.volet-header-title{flex-direction:column;align-items:flex-start;gap:1rem}.volet-icon-large-modern{width:56px;height:56px;font-size:28px}.volet-header-title-content h1{font-size:1.35rem}.volet-main-modern{padding:2rem 1rem}.processus-grid-modern{grid-template-columns:1fr}.intro-section-modern{padding:1.5rem}}