.main-nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:var(--role-surface-navigation);border-bottom:1px solid var(--role-border-primary);gap:2rem;flex-wrap:wrap;box-shadow:0 2px 4px #0000000d}.nav-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--role-text-primary);font-size:1.25rem;font-weight:700;white-space:nowrap;transition:opacity .2s ease}.nav-logo:hover{opacity:.8}.nav-logo-icon{width:1.5rem;height:1.5rem;color:var(--role-primary)}.nav-logo-text{background:linear-gradient(135deg,var(--role-primary) 0%,var(--role-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-center{display:flex;align-items:center;gap:.5rem;flex:1;justify-content:center;flex-wrap:wrap}.nav-right{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.nav-item{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--role-background-secondary);color:var(--role-text-secondary);border-radius:.5rem;font-size:.95rem;font-weight:500;white-space:nowrap;transition:all .2s ease;text-decoration:none;border:none;cursor:pointer;font-family:inherit}.nav-item:hover:not(.active){background:var(--role-border-primary);color:var(--role-text-primary)}.nav-item.active{background:var(--role-primary);color:var(--role-text-inverse);box-shadow:0 2px 8px #04428a4d}.nav-item.active:hover{background:#033a73}.nav-item:focus{outline:none;box-shadow:0 0 0 2px var(--role-border-focus)}.nav-icon{width:1.125rem;height:1.125rem;flex-shrink:0}.nav-logout{background:transparent;color:var(--role-primary);border:1px solid var(--role-primary)}.nav-logout:hover{background:#04428a1a;border-color:var(--role-primary);color:var(--role-primary)}.nav-logout:focus{outline:none;box-shadow:0 0 0 2px var(--role-border-focus)}@media (max-width: 768px){.main-nav{padding:.75rem 1rem;gap:1rem}.nav-logo{font-size:1.1rem}.nav-logo-text{display:none}.nav-center{flex:1;justify-content:flex-start;gap:.25rem}.nav-item{padding:.5rem .75rem;font-size:.85rem}.nav-item span{display:none}.nav-right{gap:.25rem}}.home-container{width:100%;margin:0 auto;padding:2rem;box-sizing:border-box}.home-header{text-align:center;margin-bottom:3rem}.home-logo{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.home-logo-icon{width:3rem;height:3rem;color:var(--primary)}.home-header h1{font-size:3rem;font-weight:700;color:var(--text);margin:0;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-tagline{font-size:1.25rem;color:var(--text-secondary);margin:.5rem 0}.home-subtitle{font-size:1.1rem;color:var(--text-secondary);margin-top:1rem}.home-description{font-size:1.125rem;color:var(--text-secondary);max-width:800px;margin:1rem auto 0;line-height:1.7}.home-section{margin-bottom:4rem}.home-section-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--role-border-subtle)}.home-section-icon{width:28px;height:28px;color:var(--role-primary)}.home-section-header h2{font-size:2rem;font-weight:700;color:var(--role-text-primary);margin:0}.home-objectives{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.home-objective{padding:1.5rem;background:var(--role-surface-primary);border:1px solid var(--role-border-primary);border-radius:12px;transition:all .2s ease}.home-objective:hover{border-color:var(--role-primary);box-shadow:0 4px 12px #6366f11a;transform:translateY(-2px)}.home-objective h3{font-size:1.25rem;font-weight:600;color:var(--role-primary);margin-bottom:.75rem}.home-objective p{font-size:.9375rem;color:var(--role-text-secondary);line-height:1.6;margin:0}.home-section-description{font-size:1.125rem;color:var(--text-secondary);margin-top:.5rem;text-align:center;max-width:800px;margin-left:auto;margin-right:auto}.home-main-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:2rem}.home-main-section-card{background:var(--role-surface-primary);border:1px solid var(--role-border-primary);border-radius:16px;padding:2rem;text-decoration:none;color:inherit;transition:all .3s ease;display:flex;flex-direction:column;cursor:pointer;position:relative;overflow:hidden}.home-main-section-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary));transform:scaleX(0);transition:transform .3s ease}.home-main-section-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #00000026;border-color:var(--role-primary)}.home-main-section-card:hover:before{transform:scaleX(1)}.home-main-section-header{width:5rem;height:5rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.home-main-section-icon{width:2.5rem;height:2.5rem}.home-main-section-content{flex:1;margin-bottom:1.5rem}.home-main-section-content h3{font-size:1.75rem;font-weight:700;color:var(--text);margin:0 0 1rem}.home-main-section-content p{font-size:1rem;color:var(--text-secondary);line-height:1.7;margin:0}.home-main-section-footer{display:flex;align-items:center;justify-content:space-between;padding-top:1.25rem;border-top:1px solid var(--role-border-primary);color:var(--role-primary);font-weight:600;font-size:1rem}.home-parcours{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.home-parcour-card{background:var(--role-surface-primary);border:1px solid var(--role-border-primary);border-radius:12px;padding:2rem;text-decoration:none;color:inherit;transition:all .3s ease;display:flex;flex-direction:column;cursor:pointer}.home-parcour-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:var(--role-primary)}.home-parcour-header{width:4rem;height:4rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.home-parcour-icon{width:2rem;height:2rem}.home-parcour-content{flex:1;margin-bottom:1.5rem}.home-parcour-content h3{font-size:1.5rem;font-weight:700;color:var(--text);margin:0 0 .75rem}.home-parcour-content p{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin:0}.home-parcour-footer{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--role-border-primary);color:var(--role-primary);font-weight:600;font-size:.95rem}.home-temoignages{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.home-temoignage{padding:1.5rem;background:var(--role-surface-primary);border:1px solid var(--role-border-primary);border-radius:12px}.home-temoignage-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.home-temoignage-author h4{font-size:1rem;font-weight:600;color:var(--role-text-primary);margin:0 0 .25rem}.home-temoignage-author span{font-size:.875rem;color:var(--role-text-secondary)}.home-temoignage-rating{display:flex;gap:.25rem}.home-star-icon{width:16px;height:16px;color:#fbbf24;fill:#fbbf24}.home-temoignage-content{font-size:.9375rem;color:var(--role-text-primary);line-height:1.6;font-style:italic;margin:0}.home-actualites{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.home-actualite{padding:1.5rem;background:var(--role-surface-primary);border:1px solid var(--role-border-primary);border-radius:12px;transition:all .2s ease}.home-actualite:hover{border-color:var(--role-primary);box-shadow:0 4px 12px #6366f11a}.home-actualite-date{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.home-actualite-date-icon{width:16px;height:16px;color:var(--role-text-secondary)}.home-actualite-date span{font-size:.875rem;color:var(--role-text-secondary);font-weight:600}.home-actualite h3{font-size:1.125rem;font-weight:600;color:var(--role-text-primary);margin:0 0 .75rem}.home-actualite p{font-size:.9375rem;color:var(--role-text-secondary);line-height:1.6;margin:0}.home-tools-cta{text-align:center}.home-cta-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:var(--role-accent);color:var(--role-text-inverse);border-radius:8px;text-decoration:none;font-size:1.125rem;font-weight:600;transition:all .2s ease}.home-cta-button:hover{background:var(--role-accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #f43f5e4d}.home-tool-link{padding:.5rem 1rem;background:var(--role-surface-primary);border:1px solid var(--role-border-primary);border-radius:6px;text-decoration:none;color:var(--role-text-primary);font-size:.9375rem;font-weight:500;transition:all .2s ease}.home-tool-link:hover{border-color:var(--role-primary);background:var(--role-primary-lighter);color:var(--role-primary);transform:translateY(-1px)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.tool-card{background:var(--role-surface-primary);border:1px solid var(--role-border-primary);border-radius:1rem;padding:2rem;text-decoration:none;color:inherit;transition:all .3s ease;display:flex;flex-direction:column;cursor:pointer;overflow:hidden;position:relative}.tool-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:var(--role-primary)}.tool-card-header{width:4rem;height:4rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.tool-card-icon{width:2rem;height:2rem}.tool-card-content{flex:1;margin-bottom:1.5rem}.tool-card-content h3{font-size:1.5rem;font-weight:700;color:var(--text);margin:0 0 .75rem}.tool-card-content p{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin:0}.tool-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid var(--role-border-primary);color:var(--role-primary);font-weight:600;font-size:.95rem}.arrow-icon{width:1.25rem;height:1.25rem;transition:transform .2s ease}.tool-card:hover .arrow-icon{transform:translate(4px)}@media (max-width: 768px){.home-container{padding:1rem}.home-header h1{font-size:2rem}.home-tagline{font-size:1.1rem}.home-section-description{font-size:1rem}.home-main-sections{grid-template-columns:1fr;gap:1.5rem}.home-main-section-content h3{font-size:1.5rem}.home-subtitle{font-size:1rem}.tools-grid{grid-template-columns:1fr;gap:1.5rem}.tool-card{padding:1.5rem}}.about-container{max-width:1200px;margin:0 auto;padding:2rem}.about-header{text-align:center;margin-bottom:3rem}.about-logo-icon{width:64px;height:64px;color:var(--primary-color, #6366f1);margin:0 auto 1rem}.about-header h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary, #1f2937)}.about-tagline{font-size:1.25rem;color:var(--text-secondary, #6b7280);margin-bottom:2rem}.about-section{margin-bottom:3rem}.about-section h2{font-size:2rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary, #1f2937)}.about-section p{font-size:1.125rem;line-height:1.75;color:var(--text-secondary, #6b7280);margin-bottom:1rem}.about-sections-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.about-section-card{background:var(--card-background, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:12px;padding:2rem;transition:transform .2s,box-shadow .2s}.about-section-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000001a}.about-section-icon{width:48px;height:48px;color:var(--primary-color, #6366f1);margin-bottom:1rem}.about-section-card h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary, #1f2937)}.about-section-card p{font-size:1rem;line-height:1.6;color:var(--text-secondary, #6b7280)}.about-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.about-value{padding:1.5rem}.about-value h3{font-size:1.25rem;font-weight:600;margin-bottom:.75rem;color:var(--text-primary, #1f2937)}.about-value p{font-size:1rem;line-height:1.6;color:var(--text-secondary, #6b7280)}@media (max-width: 768px){.about-container{padding:1rem}.about-header h1{font-size:2rem}.about-tagline{font-size:1.125rem}.about-sections-grid,.about-values{grid-template-columns:1fr}}.rag-tool{padding:2rem;width:100%;margin:0 auto;box-sizing:border-box}.rag-tool-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--role-border-subtle)}.rag-tool-title{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.rag-tool-icon{width:32px;height:32px;color:var(--role-primary)}.rag-tool-header h1{font-size:2rem;font-weight:700;color:var(--role-text-primary)}.rag-tool-header p{font-size:1.125rem;color:var(--role-text-secondary)}.rag-tool-content{display:grid;grid-template-columns:350px 1fr;gap:2rem}.rag-tool-sidebar{background:var(--role-surface-primary);border:1px solid var(--role-border-primary);border-radius:12px;padding:1.5rem;overflow-y:auto;max-height:calc(100vh - 200px);position:sticky;top:100px}.rag-tool-sidebar::-webkit-scrollbar{width:8px}.rag-tool-sidebar::-webkit-scrollbar-track{background:var(--role-surface-tertiary)}.rag-tool-sidebar::-webkit-scrollbar-thumb{background:var(--role-border-primary);border-radius:4px}.store-section{margin-bottom:2rem}.store-section h3{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:var(--role-text-primary)}.create-store{display:flex;gap:.5rem;margin-bottom:1.5rem}.create-store input{flex:1;padding:.75rem;background:var(--role-surface-secondary);border:1px solid var(--role-border-primary);border-radius:8px;color:var(--role-text-primary);font-size:.9375rem;font-family:inherit;transition:border-color .2s ease}.create-store input:focus{outline:none;border-color:var(--role-primary);box-shadow:0 0 0 3px var(--role-primary-lighter)}.create-button{padding:.75rem 1rem;background:var(--role-primary);color:var(--role-text-inverse);border-radius:8px;display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;transition:all .2s ease}.create-button:hover:not(:disabled){background:var(--role-primary-light)}.create-button .spinning{animation:spin 1s linear infinite}.stores-list{display:flex;flex-direction:column;gap:.75rem}.empty-state{color:var(--role-text-secondary);font-size:.9375rem;text-align:center;padding:1rem}.store-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--role-surface-tertiary);border:1px solid var(--role-border-primary);border-radius:8px;cursor:pointer;transition:all .2s ease}.store-item:hover{background:var(--role-surface-secondary);border-color:var(--role-primary)}.store-item.selected{background:var(--role-primary-lighter);border-color:var(--role-primary);color:var(--role-text-primary)}.store-info{display:flex;align-items:center;gap:.75rem;flex:1;cursor:pointer}.store-icon{width:1.5rem;height:1.5rem;flex-shrink:0}.store-name{font-weight:600;margin-bottom:.25rem}.store-meta{font-size:.8rem;opacity:.8}.delete-button{padding:.5rem;background:transparent;color:var(--role-text-secondary);border-radius:6px;opacity:.7;transition:all .2s ease}.delete-button:hover{opacity:1;background:#ef44441a;color:var(--role-error)}.upload-section{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--role-border-subtle)}.upload-section h3{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:var(--role-text-primary)}.upload-label{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;background:var(--role-surface-secondary);border:2px dashed var(--role-border-primary);border-radius:8px;cursor:pointer;transition:all .2s ease;color:var(--role-text-secondary)}.upload-label:hover{border-color:var(--role-primary);background:var(--role-primary-lighter);color:var(--role-text-primary)}.uploaded-files{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.file-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--role-surface-secondary);border-radius:8px;font-size:.9375rem;border:1px solid var(--role-border-primary)}.file-item.file-error{border-color:var(--role-error);background:#ef44441a}.file-icon{width:20px;height:20px;color:var(--role-primary);flex-shrink:0}.file-info{flex:1;display:flex;flex-direction:column;gap:.25rem;min-width:0}.file-name{color:var(--role-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-error-message{display:flex;align-items:center;gap:.5rem;color:var(--role-error);font-size:.8125rem;margin-top:.25rem}.file-error-message .error-icon{width:1rem;height:1rem;flex-shrink:0}.remove-file{padding:.25rem;background:transparent;color:var(--role-text-secondary);border-radius:6px;opacity:.7;transition:all .2s ease}.remove-file:hover{opacity:1;color:var(--role-error)}.process-button{width:100%;padding:.875rem 1rem;background:var(--role-primary);color:var(--role-text-inverse);border-radius:8px;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;font-size:.9375rem;margin-top:.5rem;transition:all .2s ease}.process-button:hover:not(:disabled){background:var(--role-primary-light)}.rag-tool-main{background:var(--role-surface-primary);border:1px solid var(--role-border-primary);border-radius:12px;padding:2rem;display:flex;flex-direction:column}.selected-store-info{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--role-surface-tertiary);border:1px solid var(--role-border-primary);border-radius:8px;margin-bottom:1.5rem;color:var(--role-text-primary)}.chunk-count{margin-left:auto;font-size:.875rem;color:var(--role-text-secondary);font-weight:600}.mode-indicator{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--role-primary-lighter);border:1px solid var(--role-primary);border-radius:8px;margin-bottom:1.5rem;color:var(--role-text-primary)}.mode-icon{width:20px;height:20px;color:var(--role-primary);flex-shrink:0}.chat-section{flex:1;display:flex;flex-direction:column;min-height:500px}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:var(--role-surface-tertiary)}.chat-messages::-webkit-scrollbar-thumb{background:var(--role-border-primary);border-radius:4px}.empty-chat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--role-text-secondary);min-height:300px}.empty-icon{width:4rem;height:4rem;opacity:.5}.message{padding:1rem 1.25rem;border-radius:.75rem;max-width:80%;animation:fadeIn .3s ease}.message.user{align-self:flex-end;background:var(--role-primary);color:var(--role-text-inverse)}.message.assistant{align-self:flex-start;background:var(--role-surface-tertiary);color:var(--role-text-primary);border:1px solid var(--role-border-primary)}.message-content{line-height:1.6;word-wrap:break-word}.chat-input-container{display:flex;gap:.75rem;padding-top:1rem;border-top:1px solid var(--role-border-subtle)}.chat-input{flex:1;padding:.875rem 1rem;background:var(--role-surface-secondary);border:1px solid var(--role-border-primary);border-radius:8px;color:var(--role-text-primary);font-size:1rem;font-family:inherit;transition:border-color .2s ease}.send-button{padding:.875rem 1.25rem;background:var(--role-primary);color:var(--role-text-inverse);border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-weight:600}.send-button:hover:not(:disabled){background:var(--role-primary-light)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.rag-tool-content{grid-template-columns:1fr}.rag-tool-sidebar{max-height:none;position:static}}@media (max-width: 768px){.rag-tool{padding:1rem}.rag-tool-header h1{font-size:1.5rem}.create-store{flex-direction:column}}.sales-advisor{display:flex;flex-direction:column;gap:2rem}.advisor-header{text-align:center;margin-bottom:1rem}.advisor-header h2{font-size:2rem;margin-bottom:.5rem;color:var(--text)}.advisor-header p{color:var(--text-secondary);font-size:1.1rem}.analyzing-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;min-height:500px;background:var(--surface-cream);border-radius:1rem;padding:3rem}.analyzing-state h2{font-size:1.75rem;color:var(--text)}.analyzing-state p{color:var(--text-secondary);font-size:1.1rem}.spinning.large{width:4rem;height:4rem;color:var(--primary);animation:spin 1s linear infinite}.question-container{background:var(--surface-warm);border-radius:1rem;padding:2rem;box-shadow:0 4px 6px #0000001a;max-width:800px;margin:0 auto}.progress-bar{width:100%;height:8px;background:var(--surface-light);border-radius:4px;overflow:hidden;margin-bottom:1.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));transition:width .3s ease;border-radius:4px}.question-number{text-align:center;color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem}.question-card{background:var(--surface-light);border-radius:.75rem;padding:2rem;margin-bottom:2rem}.question-card h3{font-size:1.5rem;color:var(--text);margin-bottom:1.5rem;line-height:1.4}.options-list{display:flex;flex-direction:column;gap:.75rem}.option-button{padding:1rem 1.5rem;background:var(--surface);border:2px solid var(--border);border-radius:.5rem;color:var(--text);font-size:1rem;text-align:left;transition:all .2s ease}.option-button:hover:not(:disabled){border-color:var(--primary);background:var(--border);transform:translate(4px)}.option-button.selected{background:var(--primary);border-color:var(--primary);color:#fff}.text-input-container{margin-top:1rem}.text-answer{width:100%;padding:1rem;background:var(--surface);border:2px solid var(--border);border-radius:.5rem;color:var(--text);font-size:1rem;font-family:inherit;resize:vertical}.text-answer:focus{border-color:var(--primary);outline:none}.question-navigation{display:flex;justify-content:space-between;gap:1rem}.nav-button{padding:.875rem 1.75rem;border-radius:.5rem;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.nav-button.back{background:var(--surface-light);color:var(--text);border:1px solid var(--border)}.nav-button.back:hover:not(:disabled){background:var(--border)}.nav-button.next,.nav-button.finish{background:var(--primary);color:#fff;margin-left:auto}.nav-button.next:hover:not(:disabled),.nav-button.finish:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #31a1e666}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.results-header h2{font-size:2rem;color:var(--text)}.restart-button{padding:.75rem 1.5rem;background:var(--surface-light);color:var(--text);border:1px solid var(--border);border-radius:.5rem;font-weight:600;transition:all .2s ease}.restart-button:hover{background:var(--border)}.analysis-summary{background:var(--surface-cream);border-radius:1rem;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 6px #0000001a}.analysis-summary h3{font-size:1.25rem;color:var(--text);margin-bottom:.75rem}.analysis-summary p{color:var(--text-secondary);line-height:1.8}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.product-card{background:var(--surface-warm);border-radius:1rem;padding:1.5rem;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;gap:1rem;transition:transform .2s ease,box-shadow .2s ease}.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0003}.product-header{display:flex;align-items:flex-start;gap:1rem}.product-icon{width:2rem;height:2rem;color:var(--primary);flex-shrink:0}.product-title-section{flex:1}.product-title-section h3{font-size:1.25rem;color:var(--text);margin-bottom:.5rem}.product-rating{display:flex;align-items:center;gap:.5rem}.product-rating .filled{color:var(--warning);fill:var(--warning)}.product-rating .empty{color:var(--text-secondary)}.product-price{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:var(--primary);padding:.75rem;background:var(--surface-light);border-radius:.5rem}.product-price svg{width:1.5rem;height:1.5rem}.product-pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.pros,.cons{padding:1rem;border-radius:.5rem}.pros{background:#10b9811a;border:1px solid var(--success)}.cons{background:#ef44441a;border:1px solid var(--error)}.pros h4,.cons h4{display:flex;align-items:center;gap:.5rem;font-size:1rem;margin-bottom:.75rem;color:var(--text)}.pro-icon{color:var(--success)}.con-icon{color:var(--error)}.pros ul,.cons ul{list-style:none;padding:0;margin:0}.pros li,.cons li{color:var(--text-secondary);font-size:.9rem;line-height:1.5;position:relative;padding:.5rem 0 .5rem 1.25rem}.pros li:before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:700}.cons li:before{content:"✗";position:absolute;left:0;color:var(--error);font-weight:700}.product-reviews{padding:1rem;background:var(--surface-light);border-radius:.5rem}.product-reviews h4{font-size:1rem;color:var(--text);margin-bottom:.75rem}.product-reviews p{color:var(--text-secondary);line-height:1.6;font-size:.9rem}@media (max-width: 768px){.advisor-header h2{font-size:1.5rem}.question-container,.question-card{padding:1.5rem}.products-grid,.product-pros-cons{grid-template-columns:1fr}.results-header{flex-direction:column;align-items:flex-start;gap:1rem}}.auth-container{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:2rem}.auth-card{background:var(--surface);border-radius:1rem;padding:2.5rem;width:100%;max-width:500px;box-shadow:0 4px 6px #0000001a;border:1px solid var(--border)}.auth-header{text-align:center;margin-bottom:2rem}.auth-icon{width:3rem;height:3rem;color:var(--primary);margin:0 auto 1rem}.auth-header h2{font-size:1.75rem;font-weight:700;color:var(--text);margin:0 0 .5rem}.auth-header p{color:var(--text-secondary);margin:0;font-size:.95rem}.auth-error{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:.5rem;color:#dc2626;margin-bottom:1.5rem;font-size:.9rem}.auth-error svg{width:1.25rem;height:1.25rem;flex-shrink:0}.auth-success{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:.5rem;color:#16a34a;margin-bottom:1.5rem;font-size:.9rem}.auth-success svg{width:1.25rem;height:1.25rem;flex-shrink:0}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;min-width:0}.form-group{display:flex;flex-direction:column;gap:.5rem;min-width:0}.form-group label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--text);font-size:.9rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-group label svg{width:1rem;height:1rem;color:var(--text-secondary)}.form-group input{padding:.75rem 1rem;border:1px solid var(--role-border-primary);border-radius:.5rem;font-size:1rem;background:var(--role-background-secondary);color:var(--role-text-primary);transition:all .2s ease;width:100%;min-width:0;box-sizing:border-box}.form-group input:focus{outline:none;border-color:var(--role-border-focus);box-shadow:0 0 0 3px #04428a1a}.form-group input:disabled{opacity:.6;cursor:not-allowed}.form-group input.disabled-input{background:var(--border);cursor:not-allowed}.form-group small{color:var(--text-secondary);font-size:.8rem;margin-top:-.25rem}.auth-button{padding:.875rem 1.5rem;background:var(--role-accent);color:var(--role-text-inverse);border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem}.auth-button:hover:not(:disabled){background:var(--role-accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #ffad054d}.auth-button:focus{outline:none;box-shadow:0 0 0 3px #ffad0533}.auth-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.password-section{margin-top:.5rem}.toggle-password-button{width:100%;padding:.75rem 1rem;background:var(--surface-light);border:1px solid var(--border);border-radius:.5rem;color:var(--text);font-size:.9rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.toggle-password-button:hover{background:var(--border);border-color:var(--primary)}.toggle-password-button svg{width:1rem;height:1rem}.password-fields{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:1.25rem}.profile-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.logout-button{padding:.875rem 1.5rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:.5rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.logout-button:hover:not(:disabled){background:var(--surface-light);border-color:var(--text-secondary);color:var(--text)}.logout-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.auth-container{padding:1rem;min-height:auto}.auth-card{padding:1.5rem}.form-row{grid-template-columns:1fr}.auth-header h2{font-size:1.5rem}}.formation-sidebar{width:320px;background:var(--role-surface-primary);border:1px solid var(--role-border-primary);border-radius:12px;padding:1.5rem;height:fit-content;position:sticky;top:100px;transition:width .3s ease;overflow:hidden}.formation-sidebar.collapsed{width:60px;padding:1rem;display:flex;justify-content:center;align-items:flex-start}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--role-border-subtle)}.sidebar-header-content{display:flex;align-items:center;gap:.75rem}.sidebar-icon{width:24px;height:24px;color:var(--role-primary)}.sidebar-header h2{font-size:1.25rem;font-weight:700;color:var(--role-text-primary)}.sidebar-toggle{background:none;border:none;cursor:pointer;color:var(--role-text-secondary);padding:.5rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.sidebar-toggle:hover{background:var(--role-surface-tertiary);color:var(--role-text-primary)}.sidebar-nav{display:flex;flex-direction:column;gap:.5rem}.sidebar-section{display:flex;flex-direction:column}.sidebar-parcours{display:flex;align-items:center;gap:.75rem;padding:.875rem;border-radius:8px;border:1px solid transparent;background:none;transition:all .2s ease;text-align:left;width:100%}.sidebar-parcours:hover:not(.active){background:var(--role-surface-tertiary);border-color:var(--role-border-primary)}.sidebar-parcours.active{background:none;border-color:transparent}.sidebar-parcours-icon{width:20px;height:20px;flex-shrink:0;color:var(--role-text-secondary)}.sidebar-parcours.active .sidebar-parcours-icon{color:var(--role-primary)}.sidebar-parcours-title{flex:1;background:none;border:none;padding:0;font-size:.9375rem;font-weight:600;color:var(--role-text-primary);cursor:pointer;text-align:left;text-decoration:none;transition:text-decoration .2s ease}.sidebar-parcours-title:hover{text-decoration:underline}.sidebar-parcours.active .sidebar-parcours-title{color:var(--role-primary);font-weight:700}.sidebar-chevron-button{background:none;border:none;padding:.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s ease;flex-shrink:0}.sidebar-chevron-button:hover{background:var(--role-surface-light)}.sidebar-chevron{width:16px;height:16px;flex-shrink:0;transition:transform .2s ease}.sidebar-chevron.small{width:14px;height:14px}.sidebar-modules{margin-left:1.5rem;margin-top:.5rem;display:flex;flex-direction:column;gap:.25rem;border-left:2px solid var(--role-border-subtle);padding-left:.75rem}.sidebar-module-group{display:flex;flex-direction:column}.sidebar-module{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.625rem .75rem;border-radius:6px;border:1px solid transparent;background:none;transition:all .2s ease;text-align:left;width:100%}.sidebar-module:hover:not(.active){background:var(--role-surface-tertiary);border-color:var(--role-border-primary)}.sidebar-module.active{background:none;border-color:transparent}.sidebar-module-title{flex:1;line-height:1.4;background:none;border:none;padding:0;font-size:.875rem;color:var(--role-text-secondary);cursor:pointer;text-align:left;text-decoration:none;transition:all .2s ease}.sidebar-module-title:hover{color:var(--role-text-primary);text-decoration:underline}.sidebar-module.active .sidebar-module-title{color:var(--role-primary);font-weight:700}.sidebar-chevron-button.small{padding:.125rem}.sidebar-formations{margin-left:1rem;margin-top:.25rem;display:flex;flex-direction:column;gap:.125rem;border-left:2px solid var(--role-border-subtle);padding-left:.75rem}.sidebar-formation{padding:.5rem .75rem;border-radius:4px;border:1px solid transparent;background:none;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;font-size:.8125rem;color:var(--role-text-secondary);line-height:1.4;text-decoration:none}.sidebar-formation:hover{background:var(--role-surface-tertiary);color:var(--role-text-primary);text-decoration:underline}.sidebar-formation.active{background:var(--role-primary-lighter);border-color:var(--role-primary);color:var(--role-primary);font-weight:600}@media (max-width: 768px){.formation-sidebar{width:100%;position:relative;top:0}.formation-sidebar.collapsed{width:100%;height:auto}}.formation-layout{display:flex;gap:2rem;min-height:calc(100vh - 80px);padding:2rem}.formation-content{flex:1;transition:margin-left .3s ease}.formation-content.sidebar-collapsed{margin-left:0}@media (max-width: 768px){.formation-layout{flex-direction:column;padding:1rem;gap:1rem}.formation-content{width:100%}}.parcours-overview{padding:0;max-width:1400px;margin:0 auto}.parcours-overview-header{text-align:center;margin-bottom:3rem;padding-top:0}.overview-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--role-text-secondary);margin-bottom:1.5rem;text-align:left;padding:0;width:100%}.overview-breadcrumb .breadcrumb-item{background:none;border:none;padding:0;font-size:.875rem;color:var(--role-text-secondary);font-style:italic;cursor:default}.overview-breadcrumb .breadcrumb-item.current{color:var(--role-text-secondary);font-weight:700;font-style:normal}.parcours-overview-header h1{font-size:2.5rem;font-weight:700;color:var(--role-text-primary);margin-bottom:1rem}.parcours-overview-subtitle{font-size:1.125rem;color:var(--role-text-secondary);max-width:800px;margin:0 auto;line-height:1.6}.parcours-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.parcours-card{background:var(--role-surface-primary);border:1px solid var(--role-border-primary);border-radius:16px;padding:2rem;text-decoration:none;color:inherit;transition:all .3s ease;display:flex;flex-direction:column;gap:1.5rem;height:100%}.parcours-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:var(--role-primary)}.parcours-card-header{display:flex;align-items:center;gap:1rem}.parcours-icon-wrapper{width:56px;height:56px;border-radius:12px;background:var(--role-primary-lighter);display:flex;align-items:center;justify-content:center;flex-shrink:0}.parcours-icon{width:28px;height:28px;color:var(--role-primary)}.parcours-title{font-size:1.5rem;font-weight:700;color:var(--role-text-primary);margin:0}.parcours-description{font-size:1rem;color:var(--role-text-secondary);line-height:1.6;margin:0}.parcours-info{display:flex;align-items:center;gap:1.5rem;padding:1rem;background:var(--role-surface-tertiary);border-radius:8px}.info-icon{width:18px;height:18px;color:var(--role-text-secondary)}.parcours-duration{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;color:var(--role-text-primary)}.parcours-objectives{flex:1}.objectives-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.objectives-icon{width:20px;height:20px;color:var(--role-primary)}.objectives-header h3{font-size:1.125rem;font-weight:600;color:var(--role-text-primary);margin:0}.objectives-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.objective-item{font-size:.9375rem;color:var(--role-text-secondary);line-height:1.5;padding-left:1.5rem;position:relative}.objective-item:before{content:"•";position:absolute;left:0;color:var(--role-primary);font-weight:700;font-size:1.25rem}.parcours-levels{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--role-surface-tertiary);border-radius:8px}.levels-label{font-size:.875rem;font-weight:600;color:var(--role-text-primary)}.levels-badges{display:flex;flex-wrap:wrap;gap:.5rem}.level-badge{padding:.375rem .75rem;background:var(--role-primary-lighter);color:var(--role-primary);border-radius:6px;font-size:.8125rem;font-weight:600}.parcours-footer{margin-top:auto;padding-top:1rem;border-top:1px solid var(--role-border-subtle)}.parcours-link{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--role-primary);transition:gap .2s ease}.parcours-card:hover .parcours-link{gap:.75rem}.link-icon{width:18px;height:18px;transition:transform .2s ease}.parcours-card:hover .link-icon{transform:translate(4px)}@media (max-width: 768px){.parcours-overview{padding:1rem}.parcours-overview-header h1{font-size:2rem}.parcours-grid{grid-template-columns:1fr}}.parcours-detail{padding:0;max-width:1400px;margin:0 auto}.parcours-detail-header{margin-bottom:3rem;text-align:center;padding-top:0}.parcours-header-top{margin-bottom:1.5rem;text-align:left;padding:0}.parcours-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--role-text-secondary)}.parcours-breadcrumb .breadcrumb-item{background:none;border:none;padding:0;font-size:.875rem;color:var(--role-text-secondary);font-style:italic;cursor:pointer;text-decoration:none;transition:color .2s ease}.parcours-breadcrumb .breadcrumb-item:hover{color:var(--role-primary);text-decoration:underline}.parcours-breadcrumb .breadcrumb-item.current{color:var(--role-text-secondary);font-weight:700;font-style:normal;cursor:default}.parcours-breadcrumb .breadcrumb-item.current:hover{color:var(--role-text-secondary);text-decoration:none}.parcours-breadcrumb .breadcrumb-separator{color:var(--role-text-secondary);font-style:italic}.parcours-detail-header h1{font-size:2.5rem;font-weight:700;color:var(--role-text-primary);margin-bottom:1rem}.parcours-detail-description{font-size:1.125rem;color:var(--role-text-secondary);max-width:800px;margin:0 auto 1.5rem;line-height:1.6}.parcours-detail-meta{display:flex;justify-content:center;gap:2rem}.meta-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--role-surface-tertiary);border-radius:8px;font-size:.9375rem;color:var(--role-text-primary)}.meta-icon{width:18px;height:18px;color:var(--role-text-secondary)}.modules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.module-card{background:var(--role-surface-primary);border:1px solid var(--role-border-primary);border-radius:12px;padding:1.5rem;text-decoration:none;color:inherit;transition:all .3s ease;display:flex;flex-direction:column;gap:1rem}.module-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--role-primary)}.module-card-header{display:flex;align-items:flex-start;gap:1rem}.module-number{width:40px;height:40px;border-radius:8px;background:var(--role-primary-lighter);color:var(--role-primary);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;flex-shrink:0}.module-title{font-size:1.25rem;font-weight:600;color:var(--role-text-primary);margin:0;line-height:1.4}.module-description{font-size:.9375rem;color:var(--role-text-secondary);line-height:1.6;margin:0}.module-footer{margin-top:auto;padding-top:1rem;border-top:1px solid var(--role-border-subtle)}.module-formations-count{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--role-text-secondary)}.formations-icon{width:16px;height:16px}@media (max-width: 768px){.parcours-detail{padding:1rem}.parcours-detail-header h1{font-size:2rem}.modules-grid{grid-template-columns:1fr}}.module-introduction{padding:0;max-width:1400px;margin:0 auto}.module-intro-header{margin-bottom:2rem}.module-header-top{margin-bottom:1.5rem;padding:0}.breadcrumb-item.current{color:var(--role-text-secondary);font-weight:700;font-style:normal;cursor:default}.breadcrumb-item.current:hover{color:var(--role-text-secondary);text-decoration:none}.breadcrumb-separator{color:var(--role-text-secondary);font-style:italic}.module-intro-title{font-size:2rem;font-weight:700;color:var(--role-text-primary);margin-bottom:1.5rem;line-height:1.3}.parcours-progress-container{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.parcours-progress-section{flex:1;background:var(--role-surface-tertiary);border-radius:8px;padding:1rem}.parcours-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.parcours-progress-bar{width:100%;height:8px;background:var(--role-border-primary);border-radius:4px;overflow:hidden}.parcours-progress-fill{height:100%;background:var(--role-primary);transition:width .3s ease;border-radius:4px}.module-intro-meta{display:flex;gap:1.5rem;margin-bottom:2rem}.module-intro-content{background:var(--role-surface-primary);border:1px solid var(--role-border-primary);border-radius:12px;padding:2rem}.module-intro-description{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--role-border-subtle)}.module-intro-description p{font-size:1.125rem;color:var(--role-text-secondary);line-height:1.7;margin:0}.module-formations-preview{margin-bottom:2rem}.module-formations-preview h2{font-size:1.5rem;font-weight:600;color:var(--role-text-primary);margin-bottom:1.5rem}.formations-list{display:flex;flex-direction:column;gap:1rem}.formation-preview-item{display:flex;gap:1rem;padding:1.5rem;border-radius:8px;border:1px solid var(--role-border-primary);transition:all .2s ease;cursor:pointer;text-align:left;width:100%;background:var(--role-surface-tertiary);color:inherit}.formation-preview-item:hover{border-color:var(--role-primary);transform:translate(4px);background:var(--role-surface-light)}.formation-preview-number{width:40px;height:40px;border-radius:8px;background:var(--role-primary-lighter);color:var(--role-primary);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;flex-shrink:0}.formation-preview-content{flex:1}.formation-preview-content h3{font-size:1.125rem;font-weight:600;color:var(--role-text-primary);margin-bottom:.5rem}.formation-preview-content p{font-size:.9375rem;color:var(--role-text-secondary);line-height:1.6;margin:0 0 .75rem}.formation-preview-duration{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--role-text-secondary)}.duration-icon{width:16px;height:16px}.module-intro-actions{display:flex;justify-content:center;padding-top:2rem;border-top:1px solid var(--role-border-subtle)}.start-module-button{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;border-radius:8px;border:2px solid var(--role-primary);background:var(--role-primary);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.start-module-button:hover{background:var(--role-primary-dark);border-color:var(--role-primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #31a1e666}.button-icon{width:20px;height:20px}.module-navigation{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem}.nav-button{display:flex;align-items:center;justify-content:center;padding:.75rem;border-radius:8px;border:1px solid var(--role-border-primary);background:var(--role-surface-primary);color:var(--role-text-primary);cursor:pointer;transition:all .2s ease;flex-shrink:0;width:48px;height:48px}.nav-icon{width:24px;height:24px}@media (max-width: 768px){.module-introduction{padding:0}.module-intro-title{font-size:1.5rem}.module-intro-content{padding:1.5rem}.parcours-progress-container{flex-direction:column;gap:1rem}.nav-button{width:100%;height:40px}}.system-prompt-demo{width:100%;margin-top:1.5rem}.system-prompt-demo-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--role-border-subtle)}.system-prompt-demo-title{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.system-prompt-demo-icon{width:24px;height:24px;color:var(--role-primary)}.system-prompt-demo-header h3{font-size:1.25rem;font-weight:600;color:var(--role-text-primary);margin:0}.system-prompt-demo-header p{font-size:.9375rem;color:var(--role-text-secondary);margin:0}.system-prompt-demo-content{display:grid;grid-template-columns:350px 1fr;gap:1.5rem}.system-prompt-demo-sidebar{display:flex;flex-direction:column}.system-prompt-demo-section{background:var(--role-surface-primary);border:1px solid var(--role-border-primary);border-radius:12px;padding:1.25rem}.system-prompt-demo-section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.system-prompt-demo-section-icon{width:18px;height:18px;color:var(--role-primary)}.system-prompt-demo-section-header h4{font-size:1rem;font-weight:600;color:var(--role-text-primary);margin:0}.system-prompt-demo-hint{font-size:.8125rem;color:var(--role-text-secondary);margin-bottom:.75rem;line-height:1.4}.system-prompt-demo-textarea{width:100%;padding:.75rem;border:1px solid var(--role-border-primary);border-radius:8px;font-size:.9375rem;font-family:inherit;resize:vertical;transition:border-color .2s ease;background:var(--role-surface-secondary);color:var(--role-text-primary)}.system-prompt-demo-textarea:focus{outline:none;border-color:var(--role-primary);box-shadow:0 0 0 3px var(--role-primary-lighter)}.system-prompt-demo-main{display:flex;flex-direction:column;gap:1.25rem}.system-prompt-demo-form{display:flex;flex-direction:column;gap:1rem}.system-prompt-demo-input-group{display:flex;align-items:flex-start;gap:.75rem;background:var(--role-surface-primary);border:1px solid var(--role-border-primary);border-radius:12px;padding:1rem}.system-prompt-demo-input-icon{width:20px;height:20px;color:var(--role-text-secondary);flex-shrink:0;margin-top:1.5rem}.system-prompt-demo-input-wrapper{flex:1;display:flex;flex-direction:column;gap:.5rem}.system-prompt-demo-label{font-size:.875rem;font-weight:600;color:var(--role-text-primary)}.system-prompt-demo-prompt{border:none;padding:0;resize:none;background:transparent}.system-prompt-demo-prompt:focus{box-shadow:none}.system-prompt-demo-submit{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--role-accent);color:var(--role-text-inverse);border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.system-prompt-demo-submit:hover:not(:disabled){background:var(--role-accent-hover);transform:translateY(-1px)}.system-prompt-demo-submit:disabled{opacity:.6;cursor:not-allowed}.system-prompt-demo-submit-icon{width:18px;height:18px}.system-prompt-demo-spinner{width:18px;height:18px;animation:spin 1s linear infinite}.system-prompt-demo-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--role-error-lighter);border:1px solid var(--role-error);border-radius:8px;color:var(--role-error);font-size:.875rem}.system-prompt-demo-error-icon{width:18px;height:18px;flex-shrink:0}.system-prompt-demo-warning{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--role-warning-lighter);border:1px solid var(--role-warning);border-radius:8px;color:var(--role-warning-dark);font-size:.875rem}.system-prompt-demo-warning-icon{width:20px;height:20px;flex-shrink:0;margin-top:.125rem}.system-prompt-demo-warning p{margin:0;line-height:1.5}.system-prompt-demo-response{background:var(--role-surface-primary);border:1px solid var(--role-border-primary);border-radius:12px;padding:1.25rem}.system-prompt-demo-response-header{margin-bottom:1rem}.system-prompt-demo-response-header h4{font-size:1rem;font-weight:600;color:var(--role-primary);margin:0 0 .25rem}.system-prompt-demo-response-content{font-size:.9375rem;color:var(--role-text-primary);line-height:1.7;white-space:pre-wrap}@media (max-width: 768px){.system-prompt-demo-content{grid-template-columns:1fr}}.mot-suivant{width:100%;margin-top:1.5rem}.mot-suivant-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--role-border-subtle)}.mot-suivant-title{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.mot-suivant-icon{width:24px;height:24px;color:var(--role-primary)}.mot-suivant-header h3{font-size:1.25rem;font-weight:600;color:var(--role-text-primary);margin:0}.mot-suivant-header p{font-size:.9375rem;color:var(--role-text-secondary);margin:0;line-height:1.6}.mot-suivant-content{display:flex;flex-direction:column;gap:1.5rem}.mot-suivant-main-box{background:var(--role-surface-primary);border:1px solid var(--role-border-primary);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.mot-suivant-form{display:flex;flex-direction:column;gap:1rem}.mot-suivant-input-group{display:flex;flex-direction:column;gap:.5rem}.mot-suivant-label{font-size:.875rem;font-weight:600;color:var(--role-text-primary)}.mot-suivant-input{width:100%;padding:.875rem 1rem;border:1px solid var(--role-border-primary);border-radius:8px;font-size:.9375rem;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease;background:var(--role-surface-secondary);color:var(--role-text-primary)}.mot-suivant-input:focus{outline:none;border-color:var(--role-primary);box-shadow:0 0 0 3px var(--role-primary-lighter)}.mot-suivant-input:disabled{opacity:.6;cursor:not-allowed}.mot-suivant-submit{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;background:var(--role-accent);color:var(--role-text-inverse);border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.mot-suivant-submit:hover:not(:disabled){background:var(--role-accent-hover);transform:translateY(-1px)}.mot-suivant-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.mot-suivant-submit-icon{width:20px;height:20px}.mot-suivant-spinner{width:20px;height:20px;animation:spin 1s linear infinite}.mot-suivant-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--role-error-lighter);border:1px solid var(--role-error);border-radius:8px;color:var(--role-error);font-size:.875rem}.mot-suivant-error-icon{width:18px;height:18px;flex-shrink:0}.mot-suivant-results{display:flex;flex-direction:column;gap:1.5rem;padding-top:1.5rem;border-top:1px solid var(--role-border-subtle)}.mot-suivant-predictions h4{font-size:1rem;font-weight:600;color:var(--role-text-primary);margin:0 0 1rem}.predictions-list{display:flex;flex-direction:column;gap:.75rem}.prediction-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--role-surface-secondary);border:2px solid var(--role-border-primary);border-radius:8px;transition:all .2s ease}.prediction-item.winner{border-color:var(--role-primary);background:var(--role-primary-lighter)}.prediction-rank{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.medal-icon{width:24px;height:24px}.medal-icon.gold{color:gold}.medal-icon.silver{color:silver}.medal-icon.bronze{color:#cd7f32}.rank-number{font-size:1.25rem;font-weight:700;color:var(--role-text-secondary);min-width:24px}.prediction-item.winner .rank-number{color:var(--role-primary)}.prediction-content{flex:1;display:flex;align-items:center;justify-content:space-between;gap:1rem}.prediction-word{font-size:1.125rem;font-weight:600;color:var(--role-text-primary)}.prediction-item.winner .prediction-word{color:var(--role-primary);font-size:1.25rem}.prediction-probability{font-size:1rem;font-weight:700;color:var(--role-primary);padding:.25rem .75rem;background:var(--role-surface-primary);border-radius:6px}.prediction-badge{font-size:.75rem;font-weight:600;color:var(--role-primary);padding:.25rem .5rem;background:var(--role-primary-lighter);border-radius:4px;white-space:nowrap}.mot-suivant-completion{padding-top:1.5rem;border-top:1px solid var(--role-border-subtle)}.mot-suivant-completion h4{font-size:1rem;font-weight:600;color:var(--role-text-primary);margin:0 0 .75rem}.completed-phrase{font-size:1.125rem;font-weight:500;color:var(--role-text-primary);padding:1rem;background:var(--role-surface-secondary);border-left:4px solid var(--role-primary);border-radius:6px;font-style:italic;line-height:1.6}.mot-suivant-examples{padding-bottom:1.5rem;border-bottom:1px solid var(--role-border-subtle)}.mot-suivant-examples h4{font-size:1rem;font-weight:600;color:var(--role-text-primary);margin:0 0 1rem}.mot-suivant-hint{margin-top:1.5rem}.mot-suivant-hint .hint-text{font-size:.875rem;color:var(--role-text-secondary);line-height:1.6;margin:0;padding:1rem;background:#e3f2fd;border-radius:6px;border-left:4px solid var(--role-primary)}.mot-suivant-warning{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--role-warning-lighter);border:1px solid var(--role-warning);border-radius:8px;color:var(--role-warning-dark);font-size:.875rem}.mot-suivant-warning-icon{width:20px;height:20px;flex-shrink:0;margin-top:.125rem}.mot-suivant-warning p{margin:0;line-height:1.5}@media (max-width: 768px){.prediction-content{flex-direction:column;align-items:flex-start;gap:.5rem}.examples-list{flex-direction:column}.example-button{width:100%;text-align:left}}.effet-papillon{width:100%;margin-top:1.5rem}.effet-papillon-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--role-border-subtle)}.effet-papillon-title{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.effet-papillon-icon{width:24px;height:24px;color:var(--role-primary)}.effet-papillon-header h3{font-size:1.25rem;font-weight:600;color:var(--role-text-primary);margin:0}.effet-papillon-header p{font-size:.9375rem;color:var(--role-text-secondary);margin:0;line-height:1.6}.effet-papillon-content{display:flex;flex-direction:column;gap:1.5rem}.effet-papillon-form{background:var(--role-surface-primary);border:1px solid var(--role-border-primary);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.effet-papillon-input-group{display:flex;flex-direction:column;gap:.5rem}.effet-papillon-label{font-size:.875rem;font-weight:600;color:var(--role-text-primary)}.effet-papillon-textarea{width:100%;padding:.875rem 1rem;border:1px solid var(--role-border-primary);border-radius:8px;font-size:.9375rem;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease;background:var(--role-surface-secondary);color:var(--role-text-primary);resize:vertical;min-height:80px}.effet-papillon-textarea:focus{outline:none;border-color:var(--role-primary);box-shadow:0 0 0 3px var(--role-primary-lighter)}.effet-papillon-textarea:disabled{opacity:.6;cursor:not-allowed}.effet-papillon-submit{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;background:var(--role-accent);color:var(--role-text-inverse);border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.effet-papillon-submit:hover:not(:disabled){background:var(--role-accent-hover);transform:translateY(-1px)}.effet-papillon-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.effet-papillon-submit-icon{width:20px;height:20px}.effet-papillon-spinner{width:20px;height:20px;animation:spin 1s linear infinite}.effet-papillon-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--role-error-lighter);border:1px solid var(--role-error);border-radius:8px;color:var(--role-error);font-size:.875rem}.effet-papillon-error-icon{width:18px;height:18px;flex-shrink:0}.effet-papillon-results{background:var(--role-surface-primary);border:1px solid var(--role-border-primary);border-radius:12px;padding:1.5rem}.results-split{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.result-column{display:flex;flex-direction:column;gap:1rem}.column-title{font-size:1rem;font-weight:600;color:var(--role-text-primary);margin:0;padding-bottom:.75rem;border-bottom:2px solid var(--role-border-primary)}.result-column.original .column-title{border-bottom-color:var(--role-primary);color:var(--role-primary)}.result-column.modified .column-title{border-bottom-color:#dc2626;color:#dc2626}.column-content{flex:1}.column-hint{font-size:.875rem;color:var(--role-text-secondary);margin:0 0 1rem;font-style:italic}.column-placeholder{font-size:.9375rem;color:var(--role-text-secondary);font-style:italic;text-align:center;padding:2rem;background:var(--role-surface-secondary);border-radius:8px;border:2px dashed var(--role-border-primary)}.text-content{font-size:.9375rem;line-height:1.8;color:var(--role-text-primary);padding:1rem;background:var(--role-surface-secondary);border-radius:8px;min-height:200px;max-height:500px;overflow-y:auto;overflow-x:hidden}.clickable-word{cursor:pointer;padding:2px 4px;border-radius:4px;transition:all .2s ease;display:inline-block;position:relative}.clickable-word:hover{background:var(--role-primary-lighter);color:var(--role-primary);font-weight:600}.clickable-word.modified{font-weight:700;color:var(--role-primary);background:var(--role-primary-lighter)}.word-editing{display:inline-flex;align-items:center;gap:.25rem;background:var(--role-surface-primary);border:2px solid var(--role-primary);border-radius:4px;padding:2px 4px}.word-edit-input{border:none;outline:none;background:transparent;color:var(--role-text-primary);font-size:inherit;font-family:inherit;min-width:60px;padding:2px 4px}.word-edit-button{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;border-radius:3px;cursor:pointer;transition:all .2s ease;padding:0}.word-edit-button.confirm{background:#10b981;color:#fff}.word-edit-button.confirm:hover{background:#059669}.word-edit-button.cancel{background:#ef4444;color:#fff}.word-edit-button.cancel:hover{background:#dc2626}.text-unchanged{color:var(--role-text-secondary)}.text-modified-word{font-weight:700;color:var(--role-text-primary);background:var(--role-primary-lighter);padding:2px 4px;border-radius:4px}.text-new{color:#dc2626;font-weight:500}.effet-papillon-examples{background:var(--role-surface-primary);border:1px solid var(--role-border-primary);border-radius:12px;padding:1.5rem}.effet-papillon-examples h4{font-size:1rem;font-weight:600;color:var(--role-text-primary);margin:0 0 1rem}.examples-list{display:flex;flex-wrap:wrap;gap:.75rem}.example-button{padding:.625rem 1rem;background:var(--role-surface-secondary);border:1px solid var(--role-border-primary);border-radius:6px;font-size:.875rem;color:var(--role-text-primary);cursor:pointer;transition:all .2s ease}.example-button:hover:not(:disabled){background:var(--role-primary-lighter);border-color:var(--role-primary);color:var(--role-primary)}.example-button:disabled{opacity:.6;cursor:not-allowed}.effet-papillon-warning{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--role-warning-lighter);border:1px solid var(--role-warning);border-radius:8px;color:var(--role-warning-dark);font-size:.875rem}.effet-papillon-warning-icon{width:20px;height:20px;flex-shrink:0;margin-top:.125rem}.effet-papillon-warning p{margin:0;line-height:1.5}@media (max-width: 768px){.results-split{grid-template-columns:1fr}.examples-list{flex-direction:column}.example-button{width:100%;text-align:left}}.temperature-controller{width:100%;margin-top:1.5rem}.temperature-controller-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--role-border-subtle)}.temperature-controller-title{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.temperature-controller-icon{width:24px;height:24px;color:var(--role-primary)}.temperature-controller-header h3{font-size:1.25rem;font-weight:600;color:var(--role-text-primary);margin:0}.temperature-controller-header p{font-size:.9375rem;color:var(--role-text-secondary);margin:0;line-height:1.6}.temperature-controller-content{display:flex;flex-direction:column;gap:1.5rem}.temperature-controller-form{background:var(--role-surface-primary);border:1px solid var(--role-border-primary);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.temperature-controller-form form{margin:0;padding:0}.temperature-controller-input-group{display:flex;flex-direction:column;gap:.5rem}.temperature-controller-label{font-size:.875rem;font-weight:600;color:var(--role-text-primary)}.temperature-controller-input{width:100%;padding:.875rem 1rem;border:1px solid var(--role-border-primary);border-radius:8px;font-size:.9375rem;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease;background:var(--role-surface-secondary);color:var(--role-text-primary)}.temperature-controller-input:focus{outline:none;border-color:var(--role-primary);box-shadow:0 0 0 3px var(--role-primary-lighter)}.temperature-controller-input:disabled{opacity:.6;cursor:not-allowed}.temperature-controller-slider-group{display:flex;flex-direction:column;gap:.75rem}.temperature-controller-slider-header{display:flex;justify-content:space-between;align-items:center}.temperature-controller-value{font-size:1.125rem;font-weight:700;color:var(--role-primary);padding:.25rem .75rem;background:var(--role-primary-lighter);border-radius:6px}.temperature-controller-slider{width:100%;height:8px;border-radius:4px;background:var(--role-surface-secondary);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.temperature-controller-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--role-primary);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0003}.temperature-controller-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 6px #0000004d}.temperature-controller-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--role-primary);cursor:pointer;border:none;transition:all .2s ease;box-shadow:0 2px 4px #0003}.temperature-controller-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 3px 6px #0000004d}.temperature-controller-slider:disabled{opacity:.6;cursor:not-allowed}.temperature-controller-slider-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--role-text-secondary);font-weight:600}.temperature-controller-slider-labels span{transition:color .2s ease}.temperature-controller-slider-labels span.active{color:var(--role-primary);font-weight:700}.temperature-controller-slider-descriptions{display:flex;justify-content:space-between;font-size:.8125rem;color:var(--role-text-secondary);margin-top:-.5rem}.temperature-controller-slider-descriptions span{transition:color .2s ease}.temperature-controller-slider-descriptions span.active{color:var(--role-primary);font-weight:600}.temperature-controller-description{font-size:.875rem;color:var(--role-text-secondary);margin:0;padding:.75rem;background:var(--role-surface-secondary);border-radius:6px;line-height:1.5}.temperature-controller-submit{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;background:var(--role-accent);color:var(--role-text-inverse);border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.temperature-controller-submit:hover:not(:disabled){background:var(--role-accent-hover);transform:translateY(-1px)}.temperature-controller-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.temperature-controller-submit-icon{width:20px;height:20px}.temperature-controller-spinner{width:20px;height:20px;animation:spin 1s linear infinite}.temperature-controller-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--role-error-lighter);border:1px solid var(--role-error);border-radius:8px;color:var(--role-error);font-size:.875rem}.temperature-controller-error-icon{width:18px;height:18px;flex-shrink:0}.temperature-controller-result{background:var(--role-surface-primary);border:1px solid var(--role-border-primary);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.temperature-controller-result h4{font-size:1rem;font-weight:600;color:var(--role-text-primary);margin:0}.temperature-controller-result-text{font-size:1.125rem;line-height:1.8;color:var(--role-text-primary);padding:1rem;background:var(--role-surface-secondary);border-left:4px solid var(--role-primary);border-radius:6px}.result-phrase{font-weight:500}.result-completion{font-weight:600;color:var(--role-primary)}.temperature-controller-result-meta{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--role-text-secondary);padding-top:.75rem;border-top:1px solid var(--role-border-subtle)}.temperature-controller-history-title{font-size:1rem;font-weight:600;color:var(--role-text-primary);margin:2rem 0 1rem}.history-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.history-item{padding:1rem;background:var(--role-surface-secondary);border:1px solid var(--role-border-primary);border-radius:8px;display:flex;flex-direction:column;gap:.5rem}.history-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;border-bottom:1px solid var(--role-border-subtle)}.history-index{font-size:.875rem;font-weight:700;color:var(--role-primary)}.history-time{font-size:.75rem;color:var(--role-text-secondary)}.history-phrase,.history-result{font-size:.9375rem;line-height:1.6;color:var(--role-text-primary)}.history-phrase strong,.history-result strong{color:var(--role-text-secondary);margin-right:.5rem}.history-meta{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--role-text-secondary);padding-top:.5rem;border-top:1px solid var(--role-border-subtle)}.history-temperature{font-weight:600;color:var(--role-primary)}.history-label{font-style:italic}.history-hint{font-size:.875rem;color:var(--role-text-secondary);line-height:1.6;margin:0;padding:1rem;background:#e3f2fd;border-radius:6px;border-left:4px solid var(--role-primary)}.temperature-controller-warning{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--role-warning-lighter);border:1px solid var(--role-warning);border-radius:8px;color:var(--role-warning-dark);font-size:.875rem}.temperature-controller-warning-icon{width:20px;height:20px;flex-shrink:0;margin-top:.125rem}.temperature-controller-warning p{margin:0;line-height:1.5}@media (max-width: 768px){.temperature-controller-slider-labels,.temperature-controller-slider-descriptions{font-size:.6875rem}.temperature-controller-result-meta,.history-header{flex-direction:column;align-items:flex-start;gap:.25rem}}.choc-des-cultures{width:100%;margin-top:1.5rem;overflow-x:hidden;box-sizing:border-box}.choc-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--role-border-subtle)}.choc-header h3{font-size:1.5rem;font-weight:700;color:var(--role-text-primary);margin:0 0 1rem}.choc-header p{font-size:1rem;color:var(--role-text-secondary);margin:0 0 1rem;line-height:1.7}.choc-consigne{background:var(--role-surface-secondary);border-left:4px solid var(--role-primary);padding:1rem 1.25rem;border-radius:8px;font-size:.9375rem;color:var(--role-text-primary);line-height:1.6}.choc-consigne strong{color:var(--role-primary);font-weight:600}.challenges-tabs{margin-top:2rem}.tabs-header{display:flex;gap:.5rem;border-bottom:2px solid var(--role-border-subtle);margin-bottom:1.5rem;overflow-x:visible;overflow-y:visible}.tab-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--role-text-secondary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative;bottom:-2px}.tab-button:hover{color:var(--role-text-primary);background:var(--role-surface-secondary)}.tab-button.active{color:var(--role-primary);border-bottom-color:var(--role-primary);font-weight:600}.tab-button .challenge-icon{width:20px;height:20px}.tabs-content{min-height:auto}.challenge-card{background:var(--role-surface-primary);border:2px solid var(--role-border-primary);border-radius:16px;padding:1.75rem;transition:all .3s ease;box-shadow:0 2px 8px #0000000d;overflow-x:hidden;width:100%;box-sizing:border-box;max-width:100%}.challenge-card:hover{border-color:var(--role-primary);box-shadow:0 4px 12px #0000001a}.challenge-prompt-section{margin-bottom:1.5rem}.prompt-label{margin-bottom:.75rem;font-size:.9375rem;color:var(--role-text-secondary)}.prompt-label strong{color:var(--role-text-primary);font-weight:600}.prompt-box{background:var(--role-surface-secondary);border:1px solid var(--role-border-primary);border-radius:8px;padding:1rem}.prompt-text{font-size:.9375rem;color:var(--role-text-primary);line-height:1.6;font-style:italic}.copy-prompt-section{margin-top:1rem;display:flex;justify-content:flex-end}.copy-prompt-btn-small{background:var(--role-surface-secondary);color:var(--role-text-secondary);border:1px solid var(--role-border-primary);border-radius:6px;padding:.375rem .75rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.copy-prompt-btn-small:hover{background:var(--role-primary);color:#fff;border-color:var(--role-primary)}.copy-prompt-btn-small:active{transform:translateY(0)}.challenge-actions{margin-bottom:1.5rem}.action-label{margin-bottom:.75rem;font-size:.9375rem;color:var(--role-text-secondary)}.action-label strong{color:var(--role-text-primary);font-weight:600}.action-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.action-button{display:inline-flex;align-items:center;gap:.5rem;background:var(--role-surface-secondary);border:1px solid var(--role-border-primary);border-radius:8px;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:500;color:var(--role-text-primary);text-decoration:none;transition:all .2s ease;cursor:pointer}.action-button:hover{background:var(--role-primary);color:#fff;border-color:var(--role-primary);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.action-button:active{transform:translateY(0)}.external-link-icon{width:16px;height:16px;opacity:.7}.action-button:hover .external-link-icon{opacity:1}.explanation-toggle{width:100%;background:transparent;border:1px solid var(--role-border-primary);border-radius:8px;padding:.75rem 1rem;font-size:.9375rem;font-weight:500;color:var(--role-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;margin-top:1rem}.explanation-toggle:hover{background:var(--role-surface-secondary);border-color:var(--role-primary)}.toggle-icon{width:18px;height:18px}.challenge-explanation{margin-top:1.25rem;padding-top:1.25rem;border-top:2px solid var(--role-border-subtle);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.explanation-label{margin-bottom:.75rem;font-size:.9375rem;color:var(--role-text-secondary)}.explanation-label strong{color:var(--role-primary);font-weight:600}.challenge-explanation p{font-size:.9375rem;color:var(--role-text-primary);line-height:1.7;margin:0;padding:1rem;background:var(--role-surface-secondary);border-radius:8px;border-left:4px solid var(--role-primary)}@media (max-width: 768px){.tabs-header{gap:.25rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.tabs-header::-webkit-scrollbar{height:4px}.tabs-header::-webkit-scrollbar-track{background:transparent}.tabs-header::-webkit-scrollbar-thumb{background:var(--role-border-primary);border-radius:2px}.tab-button{padding:.625rem 1rem;font-size:.875rem;flex-shrink:0}.tab-button span{display:none}.tab-button .challenge-icon{width:24px;height:24px}}.crash-test-ia{width:100%;margin-top:1.5rem}.crash-test-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--role-border-subtle)}.crash-test-title{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.crash-test-icon{width:24px;height:24px;color:var(--role-primary)}.crash-test-header h3{font-size:1.25rem;font-weight:600;color:var(--role-text-primary);margin:0}.crash-test-header p{font-size:.9375rem;color:var(--role-text-secondary);margin:.5rem 0;line-height:1.6}.crash-test-consigne{margin-top:1rem;padding:.75rem 1rem;background:var(--role-surface-secondary);border-left:3px solid var(--role-primary);border-radius:4px;font-size:.875rem;color:var(--role-text-primary)}.crash-test-content{display:grid;grid-template-columns:280px 1fr;gap:1.5rem}.crash-test-sidebar{display:flex;flex-direction:column;gap:1rem}.crash-test-sidebar h4{font-size:1rem;font-weight:600;color:var(--role-text-primary);margin:0}.challenges-list{display:flex;flex-direction:column;gap:.5rem}.challenge-button{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--role-surface-primary);border:1px solid var(--role-border-primary);border-radius:8px;font-size:.875rem;font-weight:500;color:var(--role-text-primary);cursor:pointer;transition:all .2s ease;text-align:left}.challenge-button:hover{background:var(--role-surface-secondary);border-color:var(--role-primary);transform:translate(2px)}.challenge-button.active{background:var(--role-primary-lighter);border-color:var(--role-primary);color:var(--role-primary-dark)}.challenge-button.success.active{background:#22c55e1a;border-color:#22c55e;color:#16a34a}.challenge-button.danger.active{background:#ef44441a;border-color:#ef4444;color:#dc2626}.challenge-icon{width:18px;height:18px;flex-shrink:0}.crash-test-main{display:flex;flex-direction:column;gap:1.25rem}.crash-test-placeholder{padding:3rem 2rem;text-align:center;background:var(--role-surface-primary);border:1px dashed var(--role-border-primary);border-radius:12px;color:var(--role-text-secondary)}.challenge-info{background:var(--role-surface-primary);border:1px solid var(--role-border-primary);border-radius:12px;padding:1.25rem}.challenge-info-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.challenge-info-header h4{font-size:1rem;font-weight:600;color:var(--role-text-primary);margin:0}.challenge-expected{font-size:.875rem;color:var(--role-text-secondary);line-height:1.6;padding:.75rem;background:var(--role-surface-secondary);border-radius:6px}.crash-test-form{display:flex;flex-direction:column;gap:1rem}.crash-test-input-group{display:flex;flex-direction:column;gap:.5rem}.crash-test-label{font-size:.875rem;font-weight:600;color:var(--role-text-primary)}.crash-test-textarea{width:100%;padding:.75rem;border:1px solid var(--role-border-primary);border-radius:8px;font-size:.9375rem;font-family:inherit;resize:vertical;transition:border-color .2s ease;background:var(--role-surface-secondary);color:var(--role-text-primary);min-height:100px}.crash-test-textarea:focus{outline:none;border-color:var(--role-primary);box-shadow:0 0 0 3px var(--role-primary-lighter)}.crash-test-submit{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--role-accent);color:var(--role-text-inverse);border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.crash-test-submit:hover:not(:disabled){background:var(--role-accent-hover);transform:translateY(-1px)}.crash-test-submit:disabled{opacity:.6;cursor:not-allowed}.crash-test-submit-icon{width:18px;height:18px}.crash-test-spinner{width:18px;height:18px;animation:spin 1s linear infinite}.crash-test-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--role-error-lighter);border:1px solid var(--role-error);border-radius:8px;color:var(--role-error);font-size:.875rem}.crash-test-error-icon{width:18px;height:18px;flex-shrink:0}.crash-test-warning{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--role-warning-lighter);border:1px solid var(--role-warning);border-radius:8px;color:var(--role-warning-dark);font-size:.875rem}.crash-test-warning-icon{width:20px;height:20px;flex-shrink:0;margin-top:.125rem}.crash-test-warning p{margin:0;line-height:1.5}.crash-test-response{background:var(--role-surface-primary);border:1px solid var(--role-border-primary);border-radius:12px;padding:1.25rem}.crash-test-response-header{margin-bottom:1rem}.crash-test-response-header h4{font-size:1rem;font-weight:600;color:var(--role-primary);margin:0}.crash-test-response-content{font-size:.9375rem;color:var(--role-text-primary);line-height:1.7;white-space:pre-wrap}.crash-test-calculated-result{margin-top:1rem;padding:.75rem 1rem;background:var(--role-surface-secondary);border-left:3px solid var(--role-primary);border-radius:4px;font-size:.875rem;color:var(--role-text-primary)}.crash-test-verdict{background:var(--role-surface-primary);border:2px solid;border-radius:12px;padding:1.25rem;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.crash-test-verdict.success{border-color:#22c55e;background:#22c55e0d}.crash-test-verdict.danger{border-color:#ef4444;background:#ef44440d}.verdict-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.verdict-header h4{font-size:1.125rem;font-weight:600;margin:0}.crash-test-verdict.success .verdict-header h4{color:#16a34a}.crash-test-verdict.danger .verdict-header h4{color:#dc2626}.verdict-icon{width:24px;height:24px;flex-shrink:0}.crash-test-verdict.success .verdict-icon{color:#22c55e}.crash-test-verdict.danger .verdict-icon{color:#ef4444}.verdict-content{font-size:.9375rem;color:var(--role-text-primary);line-height:1.7}.verdict-content p{margin:0}.crash-test-note{padding:.75rem 1rem;background:var(--role-surface-secondary);border-left:3px solid var(--role-warning);border-radius:4px;font-size:.875rem;color:var(--role-text-primary)}.crash-test-note p{margin:0;line-height:1.6}@media (max-width: 768px){.crash-test-content{grid-template-columns:1fr}.crash-test-sidebar{order:2}.crash-test-main{order:1}.challenges-list{flex-direction:row;overflow-x:auto;padding-bottom:.5rem}.challenge-button{white-space:nowrap;min-width:200px}}.defi-poisson-rouge{width:100%;margin-top:1.5rem}.defi-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--role-border-subtle)}.defi-title{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.defi-icon{width:24px;height:24px;color:var(--role-primary)}.defi-header h3{font-size:1.25rem;font-weight:600;color:var(--role-text-primary);margin:0}.defi-header p{font-size:.9375rem;color:var(--role-text-secondary);margin:.5rem 0;line-height:1.6}.defi-consigne{margin-top:1rem;padding:.75rem 1rem;background:var(--role-surface-secondary);border-left:3px solid var(--role-primary);border-radius:4px;font-size:.875rem;color:var(--role-text-primary)}.defi-consigne ul{margin:.5rem 0 0 1.5rem;padding:0}.defi-consigne li{margin:.5rem 0;line-height:1.6}.defi-warning{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;margin-bottom:1rem;background:var(--role-warning-lighter);border:1px solid var(--role-warning);border-radius:8px;color:var(--role-warning-dark);font-size:.875rem}.defi-warning-icon{width:20px;height:20px;flex-shrink:0;margin-top:.125rem}.defi-warning p{margin:0;line-height:1.5}.defi-stats{display:flex;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem;background:var(--role-surface-secondary);border-radius:8px;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.stat-label{color:var(--role-text-secondary)}.stat-value{font-weight:600;color:var(--role-text-primary)}.stat-value.secret{font-family:monospace;background:var(--role-surface-primary);padding:.25rem .5rem;border-radius:4px;border:1px solid var(--role-border-primary)}.defi-chat{background:var(--role-surface-primary);border:1px solid var(--role-border-primary);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;max-height:600px}.chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem;min-height:300px}.chat-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:var(--role-text-secondary);min-height:300px}.chat-placeholder p{margin:.5rem 0}.chat-placeholder .hint{font-size:.875rem;font-style:italic;color:var(--role-text-tertiary)}.chat-message{display:flex;max-width:80%;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message.user{align-self:flex-end;flex-direction:row-reverse}.chat-message.assistant{align-self:flex-start}.message-content{padding:.75rem 1rem;border-radius:12px;font-size:.9375rem;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.chat-message.user .message-content{background:var(--role-primary);color:var(--role-text-inverse);border-bottom-right-radius:4px}.chat-message.assistant .message-content{background:var(--role-surface-secondary);color:var(--role-text-primary);border-bottom-left-radius:4px;display:flex;align-items:center;gap:.5rem}.message-loader{width:16px;height:16px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-input-form{display:flex;gap:.5rem;padding:1rem;border-top:1px solid var(--role-border-primary);background:var(--role-surface-primary)}.chat-input{flex:1;padding:.75rem 1rem;border:1px solid var(--role-border-primary);border-radius:8px;font-size:.9375rem;font-family:inherit;background:var(--role-surface-secondary);color:var(--role-text-primary);transition:border-color .2s ease}.chat-input:focus{outline:none;border-color:var(--role-primary);box-shadow:0 0 0 3px var(--role-primary-lighter)}.chat-input:disabled{opacity:.6;cursor:not-allowed}.chat-send-button{display:flex;align-items:center;justify-content:center;padding:.75rem 1.25rem;background:var(--role-accent);color:var(--role-text-inverse);border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:48px}.chat-send-button:hover:not(:disabled){background:var(--role-accent-hover);transform:translateY(-1px)}.chat-send-button:disabled{opacity:.6;cursor:not-allowed}.chat-send-icon{width:18px;height:18px}.chat-send-icon.spinner{animation:spin 1s linear infinite}.defi-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;margin-top:1rem;background:var(--role-error-lighter);border:1px solid var(--role-error);border-radius:8px;color:var(--role-error);font-size:.875rem}.defi-error-icon{width:18px;height:18px;flex-shrink:0}.defi-success-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.success-content{background:var(--role-surface-primary);border:2px solid var(--role-primary);border-radius:12px;padding:2rem;max-width:600px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.success-icon{width:48px;height:48px;color:var(--role-primary);margin-bottom:1rem}.success-content h4{font-size:1.5rem;font-weight:600;color:var(--role-text-primary);margin:0 0 1rem}.success-content p{font-size:.9375rem;color:var(--role-text-primary);line-height:1.7;margin:1rem 0}.success-summary{margin-top:1.5rem;padding:1rem;background:var(--role-surface-secondary);border-left:3px solid var(--role-primary);border-radius:4px}.success-summary strong{display:block;margin-bottom:.5rem;color:var(--role-text-primary)}.success-summary p{margin:.5rem 0 0;font-size:.875rem}.success-reset-button{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem;padding:.875rem 1.5rem;background:var(--role-accent);color:var(--role-text-inverse);border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%}.success-reset-button:hover{background:var(--role-accent-hover);transform:translateY(-1px)}.reset-icon{width:18px;height:18px}.defi-actions{display:flex;gap:.75rem;margin-top:1rem;justify-content:center}.help-button,.reset-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--role-surface-primary);border:1px solid var(--role-border-primary);border-radius:8px;font-size:.875rem;font-weight:500;color:var(--role-text-primary);cursor:pointer;transition:all .2s ease}.help-button:hover,.reset-button:hover{background:var(--role-surface-secondary);border-color:var(--role-primary)}.help-icon{width:18px;height:18px}.defi-help{margin-top:1rem;padding:1rem;background:var(--role-surface-secondary);border:1px solid var(--role-primary);border-radius:8px;animation:slideIn .3s ease}.defi-help h4{font-size:1rem;font-weight:600;color:var(--role-text-primary);margin:0 0 .75rem}.defi-help p{font-size:.875rem;color:var(--role-text-secondary);line-height:1.6;margin:.5rem 0}@media (max-width: 768px){.defi-stats{flex-direction:column;gap:.5rem}.chat-message{max-width:90%}.success-content{padding:1.5rem;max-width:100%}.defi-actions{flex-direction:column}.help-button,.reset-button{width:100%;justify-content:center}}.module-detail{padding:0;max-width:1000px;margin:0 auto}.module-detail-header{margin-bottom:2rem}.module-header-top{margin-bottom:1rem}.module-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--role-text-secondary)}.breadcrumb-separator{color:var(--role-text-secondary)}.breadcrumb-item{background:none;border:none;padding:0;font-size:.875rem;color:var(--role-text-secondary);font-style:italic;cursor:pointer;text-decoration:none;transition:color .2s ease}.breadcrumb-item:hover{color:var(--role-primary);text-decoration:underline}.breadcrumb-item.current{color:var(--role-text-secondary);font-weight:700;font-style:normal;cursor:pointer}.breadcrumb-item.current:hover{color:var(--role-primary);text-decoration:underline}.module-detail-title{font-size:2rem;font-weight:700;color:var(--role-text-primary);margin-bottom:1.5rem;line-height:1.3}.module-progress-section{background:var(--role-surface-tertiary);border-radius:8px;padding:1rem}.module-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.progress-label{font-size:.9375rem;color:var(--role-text-primary);font-weight:600}.progress-percentage{font-size:.9375rem;color:var(--role-primary);font-weight:700}.module-progress-bar{width:100%;height:8px;background:var(--role-surface-light);border-radius:4px;overflow:hidden}.module-progress-fill{height:100%;background:linear-gradient(90deg,var(--role-primary),var(--role-secondary));transition:width .3s ease;border-radius:4px}.module-navigation{display:flex;justify-content:space-between;gap:1rem}.module-navigation.top{margin-bottom:2rem}.module-navigation.bottom{margin-top:2rem}.nav-button{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:8px;border:1px solid var(--role-border-primary);background:var(--role-surface-primary);color:var(--role-text-primary);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease}.nav-button:hover:not(:disabled){background:var(--role-surface-tertiary);border-color:var(--role-primary);transform:translateY(-2px)}.nav-button:disabled{opacity:.5;cursor:not-allowed}.nav-button.prev{flex-direction:row}.nav-button.next{flex-direction:row-reverse;margin-left:auto}.nav-icon{width:20px;height:20px}.formation-content{background:var(--role-surface-primary);border:1px solid var(--role-border-primary);border-radius:12px;padding:2rem;width:100%;box-sizing:border-box;overflow-x:hidden}.formation-content>*{max-width:100%;box-sizing:border-box}.formation-content-sections,.formation-content-section{width:100%;box-sizing:border-box}.interactive-section{width:100%;box-sizing:border-box;overflow-x:hidden}.formation-meta{display:flex;gap:1rem;margin-bottom:1.5rem}.meta-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--role-surface-tertiary);border-radius:6px;font-size:.875rem;color:var(--role-text-primary)}.meta-icon{width:16px;height:16px;color:var(--role-text-secondary)}.formation-description{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--role-border-subtle)}.formation-description p{font-size:1.125rem;color:var(--role-text-secondary);line-height:1.7;margin:0}.formation-content-sections{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--role-border-subtle)}.formation-content-section{margin-bottom:2.5rem}.formation-content-section:last-child{margin-bottom:0}.content-section-title{font-size:1.5rem;font-weight:600;color:var(--role-text-primary);margin:0 0 1rem;line-height:1.4}.content-paragraph{font-size:1rem;color:var(--role-text-primary);line-height:1.8}.content-paragraph p{margin:0 0 1rem}.content-paragraph p:last-child{margin-bottom:0}.content-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.content-list-item{font-size:1rem;color:var(--role-text-primary);line-height:1.7;padding-left:1.5rem;position:relative}.content-list-item:before{content:"•";position:absolute;left:0;color:var(--role-primary);font-weight:700}.content-bullet-list{list-style:none;padding:0;margin:1rem 0}.content-bullet-list li{font-size:1rem;color:var(--role-text-primary);line-height:1.8;padding-left:1.5rem;position:relative;margin:0;padding-top:0;padding-bottom:0}.content-bullet-list li:before{content:"•";position:absolute;left:0;top:.275rem;line-height:1;color:var(--role-primary);font-weight:700;font-size:1.25rem}.content-bullet-list li.nested-bullet-item{padding-left:2.5rem;margin-left:1rem}.content-bullet-list li.nested-bullet-item:before{content:"○";left:1rem;top:.55rem;line-height:1;color:var(--role-primary);font-weight:400;font-size:.7rem}.content-numbered-list{list-style:none;padding:0;margin:1rem 0;counter-reset:numbered-counter}.content-numbered-list li{font-size:1rem;color:var(--role-text-primary);line-height:1.8;padding-left:1.5rem;position:relative;counter-increment:numbered-counter;margin:0;padding-top:0;padding-bottom:0}.content-numbered-list li:before{content:counter(numbered-counter) ".";position:absolute;left:0;top:.4rem;line-height:1;color:var(--role-primary);font-weight:700}.formation-section{margin-bottom:2rem}.section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.section-icon{width:24px;height:24px;color:var(--role-primary)}.section-header h2{font-size:1.5rem;font-weight:600;color:var(--role-text-primary);margin:0}.objectives-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.objective-item{display:flex;align-items:flex-start;gap:.75rem;font-size:1rem;color:var(--role-text-primary);line-height:1.6}.objective-icon{width:20px;height:20px;color:var(--role-primary);flex-shrink:0;margin-top:.125rem}.concepts-grid{display:flex;flex-wrap:wrap;gap:.75rem}.concept-tag{padding:.5rem 1rem;background:var(--role-primary-lighter);color:var(--role-primary);border-radius:6px;font-size:.875rem;font-weight:600}.formation-actions{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--role-border-subtle);display:flex;justify-content:center}.complete-button{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;border-radius:8px;border:2px solid var(--role-primary);background:var(--role-primary);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.complete-button:hover{background:var(--role-primary-dark);border-color:var(--role-primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #31a1e666}.complete-button.completed{background:var(--role-success);border-color:var(--role-success)}.complete-button.completed:hover{background:var(--role-success-dark);border-color:var(--role-success-dark)}.complete-icon{width:20px;height:20px}.interactive-section{margin-top:2rem;width:100%;box-sizing:border-box;overflow-x:hidden}.interactive-section>*{max-width:100%;box-sizing:border-box}.interactive-error{padding:1.5rem;background:var(--role-error-lighter);border:1px solid var(--role-error);border-radius:8px;color:var(--role-error);text-align:center}.error-message{text-align:center;padding:3rem;color:var(--role-text-secondary)}@media (max-width: 768px){.module-detail{padding:0}.module-detail-title{font-size:1.5rem}.module-navigation{flex-direction:column}.nav-button.next{margin-left:0}.formation-content{padding:1.5rem}}.outils-layout{display:flex;gap:2rem;min-height:calc(100vh - 80px);padding:2rem}.outils-sidebar{width:320px;min-width:320px;max-width:320px;flex-shrink:0;background:var(--role-surface-primary);border:1px solid var(--role-border-primary);border-radius:12px;padding:1.5rem;height:fit-content;position:sticky;top:100px}.outils-sidebar-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--role-border-subtle)}.outils-icon{width:24px;height:24px;color:var(--role-primary)}.outils-sidebar-header h2{font-size:1.25rem;font-weight:700;color:var(--role-text-primary)}.outils-nav{display:flex;flex-direction:column;gap:.5rem}.outils-nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;text-decoration:none;transition:all .2s ease;border:1px solid transparent}.outils-nav-item:hover{background:var(--role-surface-tertiary);border-color:var(--role-border-primary)}.outils-nav-item.active{background:var(--role-primary-lighter);border-color:var(--role-primary)}.outils-nav-item.active .outils-nav-icon{color:var(--role-primary)}.outils-nav-icon{width:20px;height:20px;color:var(--role-text-secondary);flex-shrink:0}.outils-nav-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.outils-nav-title{font-size:.9375rem;font-weight:600;color:var(--role-text-primary)}.outils-nav-desc{font-size:.75rem;color:var(--role-text-secondary);line-height:1.4}.outils-nav-item.active .outils-nav-title{color:var(--role-primary)}.outils-content{flex:1;min-width:0;background:var(--role-surface-primary);border:1px solid var(--role-border-primary);border-radius:12px;padding:2rem}.prompt-lab{padding:2rem;width:100%;margin:0 auto;box-sizing:border-box}.prompt-lab-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--role-border-subtle)}.prompt-lab-title{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.prompt-lab-icon{width:32px;height:32px;color:var(--role-primary)}.prompt-lab-header h1{font-size:2rem;font-weight:700;color:var(--role-text-primary)}.prompt-lab-header p{font-size:1.125rem;color:var(--role-text-secondary)}.prompt-lab-content{display:grid;grid-template-columns:350px 1fr;gap:2rem}.prompt-lab-sidebar{display:flex;flex-direction:column;gap:1.5rem}.prompt-lab-section{background:var(--role-surface-primary);border:1px solid var(--role-border-primary);border-radius:12px;padding:1.5rem}.prompt-lab-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.prompt-lab-section-icon{width:20px;height:20px;color:var(--role-primary)}.prompt-lab-section-header h2{font-size:1.125rem;font-weight:600;color:var(--role-text-primary)}.prompt-lab-textarea{width:100%;padding:.75rem;border:1px solid var(--role-border-primary);border-radius:8px;font-size:.9375rem;font-family:inherit;resize:vertical;transition:border-color .2s ease}.prompt-lab-textarea:focus{outline:none;border-color:var(--role-primary);box-shadow:0 0 0 3px var(--role-primary-lighter)}.prompt-lab-main{display:flex;flex-direction:column;gap:1.5rem}.prompt-lab-form{display:flex;flex-direction:column;gap:1rem}.prompt-lab-input-group{position:relative;display:flex;align-items:flex-start;gap:.75rem;background:var(--role-surface-primary);border:1px solid var(--role-border-primary);border-radius:12px;padding:1rem}.prompt-lab-input-icon{width:20px;height:20px;color:var(--role-text-secondary);flex-shrink:0;margin-top:.25rem}.prompt-lab-prompt{flex:1;border:none;padding:0;resize:none}.prompt-lab-prompt:focus{box-shadow:none}.prompt-lab-submit{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--role-accent);color:var(--role-text-inverse);border-radius:8px;font-size:1rem;font-weight:600;transition:all .2s ease}.prompt-lab-submit:hover:not(:disabled){background:var(--role-accent-hover)}.prompt-lab-submit:disabled{opacity:.6;cursor:not-allowed}.prompt-lab-submit-icon{width:18px;height:18px}.prompt-lab-response{background:var(--role-surface-primary);border:1px solid var(--role-border-primary);border-radius:12px;padding:1.5rem}.prompt-lab-response h3{font-size:1.25rem;font-weight:600;color:var(--role-primary);margin-bottom:1rem}.prompt-lab-response-content{font-size:1rem;color:var(--role-text-primary);line-height:1.7;white-space:pre-wrap}.extracteur-infos{padding:2rem;width:100%;margin:0 auto;box-sizing:border-box}.extracteur-infos-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--role-border-subtle)}.extracteur-infos-title{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.extracteur-infos-icon{width:32px;height:32px;color:var(--role-primary)}.extracteur-infos-header h1{font-size:2rem;font-weight:700;color:var(--role-text-primary)}.extracteur-infos-header p{font-size:1.125rem;color:var(--role-text-secondary)}.extracteur-infos-content{display:flex;flex-direction:column;gap:2rem}.extracteur-infos-input{background:var(--role-surface-primary);border:1px solid var(--role-border-primary);border-radius:12px;padding:2rem}.extracteur-infos-upload{display:flex;align-items:center;justify-content:center;gap:1rem;padding:3rem;border:2px dashed var(--role-border-primary);border-radius:12px;margin-bottom:2rem;transition:all .2s ease}.extracteur-infos-upload:hover{border-color:var(--role-primary);background:var(--role-primary-lighter)}.extracteur-infos-upload-icon{width:32px;height:32px;color:var(--role-text-secondary)}.extracteur-infos-upload span{color:var(--role-text-secondary)}.extracteur-infos-upload-btn{padding:.5rem 1rem;background:var(--role-primary);color:var(--role-text-inverse);border-radius:6px;font-weight:600}.extracteur-infos-text-section{display:flex;flex-direction:column;gap:1rem}.extracteur-infos-text-section h3{font-size:1.125rem;font-weight:600;color:var(--role-text-primary)}.extracteur-infos-textarea{width:100%;padding:1rem;border:1px solid var(--role-border-primary);border-radius:8px;font-size:.9375rem;font-family:inherit;resize:vertical}.extracteur-infos-textarea:focus{outline:none;border-color:var(--role-primary);box-shadow:0 0 0 3px var(--role-primary-lighter)}.extracteur-infos-submit{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem;padding:.875rem 1.5rem;background:var(--role-accent);color:var(--role-text-inverse);border-radius:8px;font-size:1rem;font-weight:600;width:100%}.extracteur-infos-submit:hover:not(:disabled){background:var(--role-accent-hover)}.extracteur-infos-submit:disabled{opacity:.6;cursor:not-allowed}.extracteur-infos-submit-icon{width:18px;height:18px}.extracteur-infos-results{background:var(--role-surface-primary);border:1px solid var(--role-border-primary);border-radius:12px;padding:2rem}.extracteur-infos-results h3{font-size:1.25rem;font-weight:600;color:var(--role-primary);margin-bottom:1.5rem}.extracteur-infos-entities{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.extracteur-infos-entity{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--role-surface-tertiary);border:1px solid var(--role-border-primary);border-radius:8px}.extracteur-infos-entity-type{font-size:.8125rem;font-weight:600;color:var(--role-primary);text-transform:uppercase;letter-spacing:.5px}.extracteur-infos-entity-value{font-size:1rem;color:var(--role-text-primary)}.simulateur-agents{padding:2rem;width:100%;margin:0 auto;box-sizing:border-box}.simulateur-agents-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--role-border-subtle)}.simulateur-agents-title{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.simulateur-agents-icon{width:32px;height:32px;color:var(--role-primary)}.simulateur-agents-header h1{font-size:2rem;font-weight:700;color:var(--role-text-primary)}.simulateur-agents-header p{font-size:1.125rem;color:var(--role-text-secondary)}.simulateur-agents-content{display:flex;flex-direction:column;gap:2rem}.simulateur-agents-controls{display:flex;gap:1rem}.simulateur-agents-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;transition:all .2s ease}.simulateur-agents-btn.start{background:var(--role-success);color:var(--role-text-inverse)}.simulateur-agents-btn.start:hover{opacity:.9}.simulateur-agents-btn.stop{background:var(--role-warning);color:var(--role-text-inverse)}.simulateur-agents-btn.reset{background:var(--role-surface-tertiary);color:var(--role-text-primary);border:1px solid var(--role-border-primary)}.simulateur-agents-btn.reset:hover{background:var(--role-surface-secondary)}.simulateur-agents-btn-icon{width:18px;height:18px}.simulateur-agents-visualization{background:var(--role-surface-primary);border:1px solid var(--role-border-primary);border-radius:12px;padding:2rem;min-height:400px}.simulateur-agents-network{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.simulateur-agents-node{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background:var(--role-surface-tertiary);border:2px solid var(--role-border-primary);border-radius:12px;transition:all .3s ease}.simulateur-agents-node.idle{border-color:var(--role-border-primary)}.simulateur-agents-node.running{border-color:var(--role-success);background:var(--role-success);background-opacity:.1}.simulateur-agents-node.completed{border-color:var(--role-success)}.simulateur-agents-node.error{border-color:var(--role-error)}.simulateur-agents-node-icon{width:32px;height:32px;color:var(--role-primary)}.simulateur-agents-node-name{font-size:1rem;font-weight:600;color:var(--role-text-primary)}.simulateur-agents-node-status{font-size:.8125rem;color:var(--role-text-secondary);text-transform:uppercase;letter-spacing:.5px}.visualiseur-transformer{padding:2rem;width:100%;margin:0 auto;box-sizing:border-box}.visualiseur-transformer-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--role-border-subtle)}.visualiseur-transformer-title{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.visualiseur-transformer-icon{width:32px;height:32px;color:var(--role-primary)}.visualiseur-transformer-header h1{font-size:2rem;font-weight:700;color:var(--role-text-primary)}.visualiseur-transformer-header p{font-size:1.125rem;color:var(--role-text-secondary)}.visualiseur-transformer-content{display:flex;flex-direction:column;gap:2rem}.visualiseur-transformer-input{background:var(--role-surface-primary);border:1px solid var(--role-border-primary);border-radius:12px;padding:2rem;display:flex;flex-direction:column;gap:1rem}.visualiseur-transformer-textarea{width:100%;padding:1rem;border:1px solid var(--role-border-primary);border-radius:8px;font-size:.9375rem;font-family:inherit;resize:vertical}.visualiseur-transformer-textarea:focus{outline:none;border-color:var(--role-primary);box-shadow:0 0 0 3px var(--role-primary-lighter)}.visualiseur-transformer-submit{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;background:var(--role-accent);color:var(--role-text-inverse);border-radius:8px;font-size:1rem;font-weight:600;align-self:flex-start}.visualiseur-transformer-submit:hover:not(:disabled){background:var(--role-accent-hover)}.visualiseur-transformer-submit:disabled{opacity:.6;cursor:not-allowed}.visualiseur-transformer-submit-icon{width:18px;height:18px}.visualiseur-transformer-results{display:flex;flex-direction:column;gap:2rem}.visualiseur-transformer-tokens,.visualiseur-transformer-attention{background:var(--role-surface-primary);border:1px solid var(--role-border-primary);border-radius:12px;padding:2rem}.visualiseur-transformer-tokens h3,.visualiseur-transformer-attention h3{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;color:var(--role-primary);margin-bottom:1.5rem}.visualiseur-transformer-results-icon{width:20px;height:20px}.visualiseur-transformer-tokens-list{display:flex;flex-wrap:wrap;gap:.5rem}.visualiseur-transformer-token{padding:.5rem .75rem;background:var(--role-primary-lighter);color:var(--role-primary);border-radius:6px;font-size:.875rem;font-weight:500}.visualiseur-transformer-matrix{overflow-x:auto;padding:1rem;background:var(--role-surface-tertiary);border-radius:8px}.visualiseur-transformer-row{display:flex;gap:2px;margin-bottom:2px}.visualiseur-transformer-cell{width:30px;height:30px;border-radius:4px;cursor:pointer;transition:transform .2s ease}.visualiseur-transformer-cell:hover{transform:scale(1.2);z-index:10;position:relative}.applications-layout{display:flex;gap:2rem;min-height:calc(100vh - 80px);padding:2rem}.applications-sidebar{width:320px;background:var(--role-surface-primary);border:1px solid var(--role-border-primary);border-radius:12px;padding:1.5rem;height:fit-content;position:sticky;top:100px}.applications-sidebar-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--role-border-subtle)}.applications-icon{width:24px;height:24px;color:var(--role-primary)}.applications-sidebar-header h2{font-size:1.25rem;font-weight:700;color:var(--role-text-primary)}.applications-nav{display:flex;flex-direction:column;gap:.5rem}.applications-nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;text-decoration:none;transition:all .2s ease;border:1px solid transparent}.applications-nav-item:hover{background:var(--role-surface-tertiary);border-color:var(--role-border-primary)}.applications-nav-item.active{background:var(--role-primary-lighter);border-color:var(--role-primary)}.applications-nav-item.active .applications-nav-icon{color:var(--role-primary)}.applications-nav-icon{width:20px;height:20px;color:var(--role-text-secondary);flex-shrink:0}.applications-nav-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.applications-nav-title{font-size:.9375rem;font-weight:600;color:var(--role-text-primary)}.applications-nav-desc{font-size:.75rem;color:var(--role-text-secondary);line-height:1.4}.applications-nav-item.active .applications-nav-title{color:var(--role-primary)}.applications-content{flex:1;background:var(--role-surface-primary);border:1px solid var(--role-border-primary);border-radius:12px;padding:2rem}.sector-page{display:flex;flex-direction:column;gap:2rem}.sector-page-header{padding-bottom:1.5rem;border-bottom:1px solid var(--role-border-subtle)}.sector-page-header h1{font-size:2rem;font-weight:700;color:var(--role-primary);margin-bottom:.75rem}.sector-page-description{font-size:1.125rem;color:var(--role-text-secondary);line-height:1.6}.sector-page-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.sector-page-nav-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--role-surface-tertiary);border:1px solid var(--role-border-primary);border-radius:8px;text-decoration:none;transition:all .2s ease}.sector-page-nav-item:hover{border-color:var(--role-primary);background:var(--role-primary-lighter);transform:translateY(-2px)}.sector-page-nav-icon{width:20px;height:20px;color:var(--role-primary);flex-shrink:0}.sector-page-nav-item span{font-size:.9375rem;font-weight:600;color:var(--role-text-primary)}.sector-page-sections{display:flex;flex-direction:column;gap:2rem}.sector-page-section{padding:1.5rem;background:var(--role-surface-tertiary);border:1px solid var(--role-border-primary);border-radius:12px}.sector-page-section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--role-border-subtle)}.sector-page-section-icon{width:24px;height:24px;color:var(--role-primary)}.sector-page-section-header h2{font-size:1.5rem;font-weight:600;color:var(--role-text-primary)}.sector-page-usage,.sector-page-fonctionnement{margin-bottom:1.5rem}.sector-page-usage:last-child,.sector-page-fonctionnement:last-child{margin-bottom:0}.sector-page-usage h3,.sector-page-fonctionnement h3{font-size:1.125rem;font-weight:600;color:var(--role-primary);margin-bottom:.75rem}.sector-page-usage ul,.sector-page-fonctionnement ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.sector-page-usage li,.sector-page-fonctionnement li{padding-left:1.5rem;position:relative;color:var(--role-text-primary);line-height:1.6}.sector-page-usage li:before,.sector-page-fonctionnement li:before{content:"→";position:absolute;left:0;color:var(--role-primary);font-weight:600}.sector-page-competences{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.sector-page-competences li{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;background:var(--role-surface-primary);border:1px solid var(--role-border-primary);border-radius:8px;color:var(--role-text-primary)}.sector-page-arrow{width:18px;height:18px;color:var(--role-primary);flex-shrink:0;margin-top:.125rem}.sector-page-formations{display:flex;flex-direction:column;gap:.75rem}.sector-page-formation{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--role-surface-primary);border:1px solid var(--role-border-primary);border-radius:8px;text-decoration:none;color:var(--role-text-primary);transition:all .2s ease}.sector-page-formation:hover{border-color:var(--role-primary);background:var(--role-primary-lighter);transform:translate(4px)}.sector-page-formation-arrow{width:18px;height:18px;color:var(--role-primary);transition:transform .2s ease}.sector-page-formation:hover .sector-page-formation-arrow{transform:translate(4px)}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--background)}.auth-switcher{display:flex;gap:.5rem;justify-content:center;margin-bottom:2rem}.auth-switch-button{padding:.75rem 1.5rem;background:var(--surface-light);color:var(--text-secondary);border:1px solid var(--border);border-radius:.5rem;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.auth-switch-button:hover{background:var(--border);color:var(--text)}.auth-switch-button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.back-button{padding:.75rem 1.5rem;background:var(--surface-light);color:var(--text);border:1px solid var(--border);border-radius:.5rem;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.back-button:hover{background:var(--border);border-color:var(--primary)}.main-content{flex:1;width:100%;margin:0 auto;padding:2rem;box-sizing:border-box}@media (max-width: 768px){.main-content{padding:1rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--role-background-primary: #f8f9fa;--role-background-secondary: #f1f3f5;--role-surface-primary: #ffffff;--role-surface-secondary: #fafbfc;--role-surface-tertiary: #f5f6f8;--role-surface-navigation: #ffffff;--role-primary: #6366f1;--role-primary-light: #818cf8;--role-primary-lighter: #c7d2fe;--role-accent: #f43f5e;--role-accent-light: #fda4af;--role-accent-hover: #e11d48;--role-text-primary: #1e293b;--role-text-secondary: #64748b;--role-text-tertiary: #94a3b8;--role-text-inverse: #ffffff;--role-success: #10b981;--role-warning: #f59e0b;--role-error: #ef4444;--role-info: #3b82f6;--role-border-primary: #e2e8f0;--role-border-subtle: #f1f5f9;--role-border-focus: #6366f1;--primary: var(--role-primary);--primary-dark: var(--role-primary);--primary-light: var(--role-primary-light);--secondary: var(--role-accent);--background: var(--role-background-primary);--surface: var(--role-surface-primary);--surface-light: var(--role-background-secondary);--surface-warm: var(--role-surface-secondary);--surface-cream: var(--role-surface-tertiary);--nav-background: var(--role-surface-navigation);--text: var(--role-text-primary);--text-secondary: var(--role-text-secondary);--border: var(--role-border-primary);--success: var(--role-success);--error: var(--role-error);--warning: var(--role-warning);--accent-light: var(--role-accent-light)}html,body{width:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--background);color:var(--text);line-height:1.6}#root{min-height:100vh;width:100%;display:flex;flex-direction:column}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:all .2s ease}button:disabled{cursor:not-allowed;opacity:.6}textarea{font-family:inherit;resize:vertical}input,textarea{outline:none}