*{font-family:Titillium Web,system-ui,sans-serif!important}code,pre,.code,[class*=code]{font-family:Courier New,monospace!important}h1,h2,h3,h4,h5,h6{font-weight:700;font-family:Titillium Web,sans-serif!important}button,.btn,[class*=btn-]{font-weight:600;font-family:Titillium Web,sans-serif!important}input,textarea,select{font-family:Titillium Web,sans-serif!important}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;height:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:Titillium Web,system-ui,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{min-width:320px;min-height:100%;margin:0;padding:0;font-family:Titillium Web,system-ui,sans-serif;overflow-x:hidden}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(#095e84 0%,#0a7ba8 100%);border:2px solid #f1f5f9;border-radius:10px}*{scrollbar-width:thin;scrollbar-color:#095e84 #f1f5f9}h1{font-family:Titillium Web,sans-serif;font-size:3.2em;font-weight:700;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.loading-screen-modern{z-index:9999;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.loading-screen-modern:before{content:"";z-index:-2;background-image:url(/assets/images/logos/background.jpg);background-position:50%;background-size:cover;width:100%;height:100%;position:fixed;top:0;left:0}.loading-screen-modern:after{content:"";z-index:-1;background:#fffffff5;width:100%;height:100%;position:fixed;top:0;left:0}.loading-content-modern{text-align:center}.spinner-green{border:5px solid #e2e8f0;border-top-color:#095e84;border-radius:50%;width:60px;height:60px;margin:0 auto;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeOut{to{opacity:0;visibility:hidden}}.loading-text-modern{color:#1e293b;margin-top:20px;font-size:18px;font-weight:600}.eduka-login-container{background-image:url(/assets/images/logos/background.jpg);background-position:50%;background-size:cover;background-attachment:fixed;flex-direction:column;min-height:100vh;max-height:100vh;font-family:Titillium Web,sans-serif;display:flex;position:relative;overflow:hidden}.eduka-login-container *{font-family:Titillium Web,sans-serif}.eduka-login-container:before{content:"";opacity:.4;z-index:0;background-image:url(/assets/images/logos/background.jpg);background-position:50%;background-size:cover;position:absolute;inset:0}.eduka-login-container:after{content:"";z-index:1;background:#fffffff5;position:absolute;inset:0}.eduka-login-container>*{z-index:2;position:relative}.eduka-login-container:before,.eduka-login-container:after{will-change:transform}.eduka-header{color:#fff;z-index:100;background:#095e84;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;min-height:50px;padding:8px 40px;display:grid;position:relative}.eduka-header-left{justify-content:flex-start;align-items:center;display:flex}.eduka-header-logo{object-fit:contain;filter:brightness(0)invert();width:auto;height:32px}.eduka-header-center{justify-content:center;align-items:center;display:flex}.eduka-header-title{color:#fff;text-align:center;letter-spacing:.5px;font-family:Titillium Web,sans-serif;font-size:18px;font-weight:600}.typewriter-text{display:inline-block}.typewriter-cursor{color:#fbbf24;margin-left:2px;animation:1s infinite blink;display:inline-block}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.eduka-header-right{justify-content:flex-end;align-items:center;display:flex}.language-selector{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;transition:background .2s;display:flex}.language-selector:hover{background:#ffffff1a}.language-selector svg{flex-shrink:0}.eduka-main-content{flex:1;justify-content:center;align-items:center;min-height:calc(100vh - 100px);padding:20px;display:flex;overflow:hidden}.eduka-panel{background:0 0;border:3px solid #095e84;border-radius:16px;align-items:stretch;width:100%;max-width:600px;max-height:calc(100vh - 120px);animation:3s ease-in-out infinite borderGlow;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000004d}@keyframes borderGlow{0%,to{border-color:#095e84;box-shadow:0 20px 60px #0000004d,0 0 #095e8466}50%{border-color:#0a7ba8;box-shadow:0 20px 60px #0000004d,0 0 30px 5px #095e8499}}.eduka-panel:before,.eduka-panel:after{display:none}.eduka-panel>*{z-index:2;position:relative}.eduka-panel-left{background:#fff;border-right:2px solid #095e84;justify-content:center;align-items:center;min-height:100%;display:flex;position:relative;overflow:hidden}.eduka-panel-left:before{content:"";opacity:.3;z-index:0;background-image:url(/assets/images/logos/background.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.eduka-panel-left>*{z-index:1;position:relative}.eduka-abstract-image{filter:drop-shadow(0 0 20px #095e844d);background-color:#095e84;flex:1;justify-content:center;align-items:center;width:100%;height:100%;min-height:100%;animation:3s ease-in-out infinite logoFloat;display:flex;position:relative;-webkit-mask-image:url(/assets/images/logos/logo.png);mask-image:url(/assets/images/logos/logo.png);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:80%;mask-size:80%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.login-logo-image{display:none}@keyframes logoFloat{0%,to{opacity:1;transform:scale(1)translateY(0)}50%{opacity:.98;transform:scale(1.08)translateY(-15px)}}.eduka-panel-right{background:0 0;justify-content:center;align-items:center;width:100%;min-height:100%;padding:20px 50px;display:flex;position:relative;overflow-y:auto}.eduka-form-container{text-align:left;direction:ltr;width:100%;max-width:480px}.eduka-mlf-logo{text-align:left;direction:ltr;justify-content:flex-start;align-items:flex-start;width:100%;margin-bottom:30px;display:flex}.mlf-logo-img{object-fit:contain;width:auto;height:80px;display:block}.eduka-login-section{text-align:left;direction:ltr;margin-bottom:0}.eduka-section-title{color:#095e84;text-align:left;justify-content:flex-start;align-items:center;gap:12px;margin:0 0 25px;font-family:Titillium Web,sans-serif;font-size:22px;font-weight:900;display:flex}.eduka-title-icon{color:#095e84;flex-shrink:0;width:32px;height:32px}.eduka-login-form{flex-direction:column;gap:12px;display:flex}.eduka-login-form:has(.eduka-success-message){gap:8px}.eduka-login-form .eduka-success-message+.eduka-form-group{margin-top:0}.eduka-form-group{text-align:left;direction:ltr;flex-direction:column;gap:4px;display:flex}.eduka-input-wrapper{width:100%;position:relative}.eduka-input-wrapper:before{content:"";z-index:0;opacity:.8;background:linear-gradient(45deg,#095e84,#0a7ba8,#0d8bb8,#095e84) 0 0/300% 300%;border-radius:10px;animation:3s linear infinite rotateBorder;position:absolute;inset:-3px}.eduka-input-wrapper:after{content:"";z-index:1;background:#fff;border-radius:8px;position:absolute;inset:0}.eduka-input{color:#1f2937;z-index:2;background:#fff;border:2px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 14px;font-family:inherit;font-size:15px;transition:all .2s;position:relative}.eduka-input::placeholder{color:#9ca3af}.eduka-input:focus{border-color:#095e84;outline:none;box-shadow:0 0 0 3px #095e841a}.eduka-input-animated{animation:2s ease-in-out infinite greenBorderPulse}@keyframes rotateBorder{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes greenBorderPulse{0%,to{border-color:#e5e7eb;box-shadow:0 0 #095e8400}50%{border-color:#095e84;box-shadow:0 0 0 3px #095e844d}}.eduka-code-input{letter-spacing:8px;text-align:center;padding:8px 14px;font-family:Courier New,monospace;font-size:24px;font-weight:600}.eduka-countdown{color:#6b7280;text-align:center;margin-top:2px;font-size:12px}.eduka-countdown strong{color:#095e84}.eduka-checkbox-group{direction:ltr;justify-content:center;align-items:center;gap:6px;margin-top:-4px;display:flex}.eduka-checkbox{cursor:pointer;accent-color:#0d9488;width:18px;height:18px}.eduka-checkbox-group label{color:#4b5563;cursor:pointer;font-size:14px}.eduka-btn{cursor:pointer;text-align:center;direction:ltr;border:none;border-radius:8px;justify-content:center;align-self:center;align-items:center;gap:8px;width:100%;padding:10px 20px;font-family:inherit;font-size:15px;font-weight:600;transition:all .2s;display:flex}.eduka-btn-primary{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);box-shadow:0 4px 12px #095e844d}.eduka-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0a7ba8 0%,#095e84 100%);transform:translateY(-1px);box-shadow:0 6px 16px #095e8466}.eduka-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.eduka-btn-secondary{color:#4b5563;background:#fff;border:2px solid #e5e7eb;margin-top:-4px;padding:8px 16px;font-size:14px}.eduka-btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.eduka-success-message{background:#d1fae5;border:1px solid #6ee7b7;border-radius:8px;margin-bottom:8px;padding:8px 12px}.eduka-success-message p{color:#065f46;text-align:center;margin:0;font-size:13px;line-height:1.3}.eduka-success-message strong{font-weight:600}.eduka-copyright{text-align:center;border-top:1px solid #e5e7eb;flex-direction:column;align-items:center;gap:12px;margin-top:32px;padding-top:24px;display:flex}.eduka-copyright p{color:#6b7280;margin:0;font-size:13px}.eduka-copyright-link{color:#0d9488;border-radius:4px;justify-content:center;align-items:center;padding:4px;text-decoration:none;transition:all .2s;display:flex}.eduka-copyright-link:hover{color:#0f766e;background:#0d94881a}.eduka-copyright-link svg{flex-shrink:0}.eduka-social-footer{text-align:center;direction:ltr;border-top:1px solid #e5e7eb;margin-top:15px;padding-top:12px}.eduka-social-footer h4{color:#095e84;text-align:center;margin:15px 0;font-family:Titillium Web,sans-serif;font-size:.95rem;font-weight:600}.eduka-social-links{direction:ltr;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:15px;display:flex}.social-link{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 4px 15px #095e8433}.social-link:hover{transform:translateY(-3px)scale(1.1);box-shadow:0 8px 25px #0000004d;color:#fff!important}.social-link svg{color:#fff;flex-shrink:0}.social-facebook:hover{color:#fff;background:linear-gradient(135deg,#1877f2 0%,#42a5f5 100%)}.social-facebook:hover svg{color:#fff}.social-twitter:hover{color:#fff;background:linear-gradient(135deg,#1da1f2 0%,#42a5f5 100%)}.social-twitter:hover svg{color:#fff}.social-linkedin:hover{color:#fff;background:linear-gradient(135deg,#0077b5 0%,#42a5f5 100%)}.social-linkedin:hover svg{color:#fff}.social-youtube:hover{color:#fff;background:linear-gradient(135deg,red 0%,#f44 100%)}.social-youtube:hover svg{color:#fff}.social-instagram:hover{color:#fff;background:linear-gradient(135deg,#e4405f 0%,#fd1d1d 50%,#fcb045 100%)}.social-instagram:hover svg{color:#fff}.social-globe:hover{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%)}.social-globe:hover svg{color:#fff}.eduka-social-footer .eduka-admin-btn{margin-top:0;margin-bottom:0}.eduka-social-footer .eduka-copyright{text-align:center;direction:ltr;border-top:1px solid #e5e7eb;margin-top:0;padding-top:15px}.eduka-social-footer .eduka-copyright p{color:#095e84;text-align:center;margin:0;font-size:.85rem;font-weight:500}.eduka-admin-btn{color:#fff;text-align:center;direction:ltr;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding:12px 20px;font-size:13px;font-weight:500;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 4px 12px #095e844d}.eduka-admin-btn:hover{background:linear-gradient(135deg,#0a7ba8 0%,#095e84 100%);transform:translateY(-2px);box-shadow:0 6px 20px #095e8466;color:#fff!important}.eduka-admin-btn svg{color:#fff;flex-shrink:0}.eduka-admin-btn:hover svg,.eduka-admin-btn span{color:#fff}.eduka-admin-btn:hover span{color:#fff!important}@media (max-width:1024px){.eduka-panel{grid-template-columns:1fr;max-width:600px}.eduka-panel-left{display:none}.eduka-panel-right{padding:40px 30px}.eduka-main-content{min-height:auto}}@media (max-width:768px){.eduka-header{grid-template-columns:auto 1fr auto;gap:12px;min-height:45px;padding:6px 20px}.eduka-header-logo{height:28px}.eduka-header-title{font-size:14px}.eduka-main-content{padding:20px 10px}.eduka-panel-right{padding:30px 20px}.mlf-logo-img{height:70px}}@media (max-width:480px){.eduka-section-title{font-size:20px}.eduka-btn{padding:12px 20px;font-size:15px}.eduka-copyright{margin-top:24px;padding-top:20px}.eduka-copyright p,.eduka-copyright-link{font-size:12px}.eduka-social-footer{margin-top:24px;padding-top:20px}.eduka-social-footer h4{font-size:1rem}.social-link{width:36px;height:36px}.social-link svg{width:16px;height:16px}.eduka-admin-btn{padding:10px 16px;font-size:12px}.eduka-admin-btn span{display:none}.eduka-admin-btn:after{content:"Admin"}}@media (orientation:landscape) and (max-height:700px){.eduka-main-content{min-height:auto;padding:20px}.eduka-panel{max-height:90vh;overflow:hidden}.eduka-panel-left{min-height:auto}.eduka-abstract-image{min-height:100%}.eduka-panel-right{padding:30px 40px}.eduka-login-section{margin-bottom:0}.eduka-mlf-logo{margin-bottom:20px}.mlf-logo-img{height:70px}.eduka-section-title{margin-bottom:20px;font-size:20px}.eduka-login-form{gap:16px}}.global-search-trigger{color:#475569;cursor:pointer;aspect-ratio:1;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:100%;padding:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.global-search-trigger:before{content:"";z-index:0;background:#095e841a;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.global-search-trigger:hover:before{width:200px;height:200px}.global-search-trigger:hover{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-color:#095e84;transform:translateY(-2px);box-shadow:0 4px 12px #095e844d}.global-search-trigger svg{z-index:1;color:#095e84;stroke-width:2px;flex-shrink:0;transition:all .3s;position:relative}.global-search-trigger:hover svg{color:#fff;transform:scale(1.15)rotate(5deg)}.home-search-wrapper .global-search-trigger,.search-section-eduka .global-search-trigger,.global-search-bar .global-search-trigger{aspect-ratio:auto;color:#475569;cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;justify-content:flex-start;align-items:center;gap:.75rem;width:100%;height:auto;padding:.875rem 1.25rem;transition:all .3s;display:flex;position:relative;overflow:visible}.home-search-wrapper .global-search-trigger:before,.search-section-eduka .global-search-trigger:before,.global-search-bar .global-search-trigger:before{display:none}.home-search-wrapper .global-search-trigger:hover,.search-section-eduka .global-search-trigger:hover,.global-search-bar .global-search-trigger:hover{color:#095e84;background:#f8fafc;border-color:#095e84;transform:translateY(0);box-shadow:0 4px 12px #095e841a}.home-search-wrapper .global-search-trigger svg,.search-section-eduka .global-search-trigger svg,.global-search-bar .global-search-trigger svg{color:#94a3b8;stroke-width:2px;flex-shrink:0;transition:color .3s}.home-search-wrapper .global-search-trigger:hover svg,.search-section-eduka .global-search-trigger:hover svg,.global-search-bar .global-search-trigger:hover svg{color:#095e84;transform:none}.home-search-wrapper .global-search-trigger:after,.search-section-eduka .global-search-trigger:after,.global-search-bar .global-search-trigger:after{content:"Rechercher dans FAQ, tutoriels, processus...";color:#94a3b8;text-align:left;pointer-events:none;flex:1;font-size:.9375rem}.home-search-wrapper,.search-section-eduka,.global-search-bar{max-width:600px;margin:0 auto 2rem;padding:0 1rem}.home-search-wrapper{margin:2rem auto}.admin-sidebar-layout .global-search-trigger{aspect-ratio:auto;color:#475569;cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;gap:0;width:100%;height:auto;padding:.625rem .875rem;transition:all .3s;display:flex;position:relative;overflow:visible}.admin-sidebar-layout .global-search-trigger:before{display:none}.admin-sidebar-layout .global-search-trigger:hover{color:#095e84;background:#f8fafc;border-color:#095e84;transform:translateY(0);box-shadow:0 2px 8px #095e841a}.admin-sidebar-layout .global-search-trigger svg{color:#94a3b8;stroke-width:2px;flex-shrink:0;width:18px;height:18px;transition:color .3s}.admin-sidebar-layout .global-search-trigger:hover svg{color:#095e84;transform:none}.admin-sidebar-layout .global-search-trigger:after{display:none}.global-search-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0f172abf;justify-content:center;align-items:flex-start;padding-top:120px;display:flex;position:fixed;inset:0}.global-search-modal{background:#fff;border:2px solid #095e84;border-radius:16px;flex-direction:column;width:90%;max-width:680px;max-height:75vh;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.global-search-input-wrapper{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;align-items:center;gap:.75rem;margin:1.25rem;padding:.875rem 1.25rem;transition:all .3s;display:flex;position:relative}.global-search-input-wrapper:focus-within{background:#f8fafc;border-color:#e2e8f0;box-shadow:none!important;outline:none!important}.global-search-input-wrapper .search-icon{color:#94a3b8;flex-shrink:0;transition:color .3s}.global-search-input-wrapper:focus-within .search-icon{color:#095e84}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.global-search-input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;font-size:.9375rem}.global-search-input:focus{box-shadow:none!important;border:none!important;outline:none!important}.global-search-input:focus-visible{box-shadow:none!important;outline:none!important}.global-search-input::placeholder{color:#94a3b8}.clear-search-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .3s;display:flex}.clear-search-btn:hover{color:#fff;background:#dc2626;transform:rotate(90deg)}.global-search-results{flex:1;padding:0 1.25rem 1rem;overflow-y:auto}.global-search-results::-webkit-scrollbar{width:8px}.global-search-results::-webkit-scrollbar-track{background:0 0}.global-search-results::-webkit-scrollbar-thumb{background:linear-gradient(#095e84 0%,#0a7ba8 100%);border-radius:4px}.search-loading,.search-hint,.no-results{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;display:flex}.search-loading .spinner{border:4px solid #095e841a;border-top-color:#095e84;border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:.8s linear infinite spin}.no-results svg{color:#cbd5e1;margin-bottom:1rem}.no-results p{color:#1e293b;margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.no-results small{color:#64748b;font-size:.875rem}.results-section{margin-bottom:1.25rem}.results-section-title{text-transform:uppercase;letter-spacing:.1em;color:#095e84;background:linear-gradient(90deg,#095e841a,#0000);border-radius:8px;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.75rem 1rem;font-size:.75rem;font-weight:700;display:flex}.result-item{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:12px;gap:1rem;margin-bottom:.5rem;padding:1rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.result-item:hover{background:linear-gradient(135deg,#095e840d,#0a7ba80d);border-color:#095e8433;transform:translate(4px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.result-item.selected{background:linear-gradient(135deg,#095e841a,#0a7ba81a);border-left:4px solid #095e84;box-shadow:0 4px 6px -1px #095e8433}.result-icon{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 6px -1px #095e844d}.result-content{flex:1;min-width:0}.result-title{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;margin-bottom:.375rem;font-size:.9375rem;font-weight:600;overflow:hidden}.result-description{color:#64748b;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:.8125rem;line-height:1.5;display:-webkit-box;overflow:hidden}.result-meta{color:#94a3b8;align-items:center;gap:1rem;font-size:.75rem;display:flex}.result-type{color:#095e84;background:#095e841a;border-radius:6px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-weight:500;display:inline-flex}.result-views{align-items:center;gap:.25rem;font-weight:500;display:inline-flex}.global-search-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:center;align-items:center;padding:.75rem 1rem;display:flex}.search-shortcuts{color:#64748b;align-items:center;gap:1rem;font-size:.75rem;display:flex}.search-shortcuts kbd{color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:4px;justify-content:center;align-items:center;min-width:24px;padding:.25rem .5rem;font-family:system-ui,-apple-system,sans-serif;font-size:.6875rem;font-weight:600;display:inline-flex;box-shadow:0 1px 2px #0000000d}@media (max-width:768px){.global-search-trigger span,.global-search-trigger kbd{display:none}.global-search-trigger{border-radius:50%;justify-content:center;width:48px;height:48px;padding:.75rem}.global-search-modal{border-radius:16px;width:95%;max-height:85vh}.global-search-overlay{padding-top:100px}.global-search-input-wrapper{padding:1rem}.global-search-input{font-size:1rem}.result-item{padding:.75rem}.result-icon{width:40px;height:40px}}.home-container-modern{background-image:url(/assets/images/logos/background.jpg);background-position:50%;background-size:cover;background-attachment:fixed;flex-direction:column;height:100vh;min-height:100vh;margin:0;padding:0;display:flex;position:relative;overflow:hidden}.home-container-modern:before{content:"";opacity:.4;z-index:0;background-image:url(/assets/images/logos/background.jpg);background-position:50%;background-size:cover;position:absolute;inset:0}.home-container-modern:after{content:"";z-index:1;background:#fffffff5;position:absolute;inset:0}.home-container-modern>*{z-index:2;position:relative}.home-container-modern:before,.home-container-modern:after{will-change:transform}.home-header-modern{z-index:10;background:#fff;flex-shrink:0;width:100%;margin:0 0 2rem;padding:1rem 2rem;position:relative;box-shadow:0 4px 20px #00000014}.home-header-top{justify-content:space-between;align-items:center;gap:2rem;width:100%;display:flex}.home-header-title{flex:none;align-items:center;gap:1rem;margin:0;padding:0;display:flex}.home-icon-large-modern{background:linear-gradient(135deg,#095e841a 0%,#0a7ba81a 100%);border:2px solid #095e8433;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;padding:8px;display:flex;overflow:hidden;box-shadow:0 4px 12px #095e8433}.home-logo-img{object-fit:contain;filter:brightness(0)saturate()invert(20%)sepia(90%)saturate(2500%)hue-rotate(195deg)brightness(90%)contrast(95%);width:100%;height:100%}.home-header-title h1{color:#095e84;margin:0 0 .125rem;font-size:1.5rem;font-weight:800;line-height:1.2}.home-header-title p{color:#095e84;margin:0;font-size:.8125rem;font-weight:600;line-height:1.3}.home-user-section-modern{flex-shrink:0;align-items:center;gap:1rem;margin-left:auto;display:flex}.user-info-modern{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:.25rem;min-width:0;padding:.5rem .875rem;display:flex}.user-main-line{align-items:center;gap:.5rem;display:flex}.user-info-modern svg{color:#095e84;flex-shrink:0}.user-email-modern{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.user-role-modern{color:#095e84;text-transform:capitalize;background:linear-gradient(135deg,#095e841a 0%,#0a7ba81a 100%);border:1px solid #095e8433;border-radius:6px;align-items:center;gap:.375rem;margin-left:1.625rem;padding:.25rem .625rem;font-size:.8125rem;font-weight:700;line-height:1.4;display:flex}.user-role-icon{color:#095e84;flex-shrink:0}.btn-logout-modern{color:#475569;cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .3s;display:flex}.btn-logout-modern:hover{color:#fff;background:#dc2626;border-color:#dc2626;transform:translateY(-2px)}.btn-logout-modern svg{flex-shrink:0}.home-main-modern{flex:1;min-height:0;padding:0 2rem 2rem;overflow:hidden auto}.content-wrapper-home{max-width:1400px;margin:0 auto}.welcome-section-modern{text-align:center;-webkit-backdrop-filter:blur(10px);background:#ffffffd9;border:2px solid #095e8433;border-radius:16px;margin-bottom:3rem;padding:2rem;position:relative;box-shadow:0 4px 16px #095e841a}.welcome-title-with-icon{color:#095e84;justify-content:center;align-items:center;gap:1rem;margin:0 0 .75rem;font-size:2rem;font-weight:800;display:flex}.welcome-icon{color:#095e84;flex-shrink:0;animation:2s ease-in-out infinite sparkle}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.welcome-description-with-icon{color:#475569;justify-content:center;align-items:center;gap:.75rem;margin:0;font-size:1.125rem;font-weight:600;display:flex}.welcome-icon-subtle{color:#095e84;opacity:.8;flex-shrink:0}.home-search-wrapper{max-width:600px;margin:2rem auto}.platforms-grid-modern{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.platform-card-modern{text-align:center;background:#fff;border:2px solid #095e84;border-radius:16px;flex-direction:column;align-items:center;padding:2rem;transition:all .3s;display:flex;position:relative;box-shadow:0 2px 8px #0000000d}.platform-card-modern.active{cursor:pointer}.platform-card-modern.active:hover{border-color:#095e84;transform:translateY(-4px);box-shadow:0 8px 24px #095e8433}.platform-card-modern.disabled{opacity:.6;cursor:not-allowed}.platform-icon-modern{border-radius:16px;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:1.5rem;transition:all .3s;display:flex}.eduka-icon-modern{background:linear-gradient(135deg,#095e841a 0%,#0a7ba81a 100%)}.pronote-icon-modern{background:#f1f5f9}.platform-card-modern.active:hover .platform-icon-modern{transform:scale(1.05)}.platform-content-modern{flex:1;width:100%}.platform-content-modern h3{color:#1e293b;margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.platform-content-modern p{color:#64748b;margin:0 0 1rem;font-size:.9375rem}.platform-badge-modern{border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;display:inline-flex}.active-badge-modern{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.dev-badge-modern{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa}.spinner-badge-modern{border:2px solid #9a34124d;border-top-color:#9a3412;border-radius:50%;width:12px;height:12px;animation:1s linear infinite spin}.platform-arrow-modern{color:#095e84;opacity:0;font-size:1.5rem;transition:all .3s;position:absolute;bottom:1.5rem;right:1.5rem;transform:translate(-10px)}.platform-card-modern.active:hover .platform-arrow-modern{opacity:1;transform:translate(0)}.info-section-modern{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.info-card-modern{text-align:center;cursor:default;background:#fff;border:2px solid #095e84;border-radius:16px;padding:2rem;transition:all .3s;box-shadow:0 2px 8px #0000000d}.info-card-modern.clickable{cursor:pointer}.info-card-modern.clickable:hover{border-color:#095e84;transform:translateY(-4px);box-shadow:0 8px 24px #095e8426}.info-icon-modern{color:#095e84;background:linear-gradient(135deg,#095e841a 0%,#0a7ba81a 100%);border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1rem;display:flex}.info-card-modern h4{color:#1e293b;margin:0 0 .5rem;font-size:1.125rem;font-weight:700}.info-card-modern p{color:#64748b;margin:0;font-size:.875rem;line-height:1.6}.info-card-modern.admin-card{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border-color:#095e84}.info-card-modern.admin-card:hover{background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);border-color:#0a7ba8;box-shadow:0 8px 24px #095e8440}.info-icon-modern.admin-icon{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);box-shadow:0 4px 12px #095e844d}.info-card-modern.admin-card h4{color:#065f46;font-weight:800}.info-card-modern.admin-card p{color:#047857}.home-footer-modern{z-index:10;--footer-height:70px;background:#fff;border-top:2px solid #f1f5f9;flex-shrink:0;margin-top:auto;padding:1rem 2rem;position:relative;box-shadow:0 -2px 8px #0000000d}.footer-content-modern{justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.footer-content-modern .copyright{color:#64748b;text-align:left;margin:0;font-size:12px}.footer-content-modern .mlfmonde-logo{object-fit:contain;opacity:.8;cursor:pointer;flex-shrink:0;width:140px;height:auto;transition:all .3s}.footer-content-modern .mlfmonde-logo:hover{opacity:1;transform:scale(1.05)}@media (max-width:1024px){.home-header-modern{padding:1rem 1.5rem}.home-main-modern{padding:0 1.5rem 1.5rem}.platforms-grid-modern{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem}.info-section-modern{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.home-header-modern{margin-bottom:1rem;padding:1rem}.home-header-top{flex-direction:column;align-items:flex-start;gap:1rem}.home-header-title{width:100%}.home-header-title h1{font-size:1.25rem}.home-header-title p{font-size:.75rem}.home-icon-large-modern{width:40px;height:40px}.home-icon-large-modern svg{width:20px;height:20px}.home-user-section-modern{flex-direction:column;align-items:stretch;gap:.75rem;width:100%}.user-info-modern{justify-content:center;width:100%;padding:.5rem .75rem}.user-email-modern{font-size:.8125rem}.user-role-modern{margin-left:0;font-size:.75rem}.btn-logout-modern{justify-content:center;width:100%;padding:.625rem 1rem;font-size:.8125rem}.home-main-modern{padding:0 1rem 1rem}.welcome-section-modern{margin-bottom:2rem}.welcome-title-with-icon{flex-direction:column;gap:.5rem;font-size:1.5rem}.welcome-icon{width:24px;height:24px}.welcome-description-with-icon{flex-direction:column;gap:.5rem;font-size:.9375rem}.welcome-icon-subtle{width:16px;height:16px}.platforms-grid-modern{grid-template-columns:1fr;gap:1rem}.platform-card-modern{padding:1.5rem}.platform-icon-modern{width:80px;height:80px;margin-bottom:1rem}.platform-content-modern h3{font-size:1.25rem}.platform-content-modern p{font-size:.875rem}.info-section-modern{grid-template-columns:1fr;gap:1rem}.info-card-modern{padding:1.5rem}.info-icon-modern{width:56px;height:56px}.home-footer-modern{padding:.875rem 1rem}.footer-content-modern{text-align:center;flex-direction:column;gap:.75rem}.footer-content-modern .copyright{margin-bottom:0;font-size:11px}.footer-content-modern .mlfmonde-logo{width:100px}}@media (max-width:480px){.home-header-modern{padding:.875rem}.home-header-title h1{font-size:1.125rem}.home-icon-large-modern{width:36px;height:36px}.home-main-modern{padding:0 .875rem .875rem}.welcome-title-with-icon{font-size:1.25rem}.platform-card-modern{padding:1.25rem}.platform-icon-modern{width:70px;height:70px}.info-card-modern{padding:1.25rem}}.eduka-container-modern{background-image:url(/assets/images/logos/background.jpg);background-position:50%;background-size:cover;background-attachment:fixed;min-height:100vh;position:relative}.eduka-container-modern:before{content:"";opacity:.4;z-index:0;background-image:url(/assets/images/logos/background.jpg);background-position:50%;background-size:cover;position:absolute;inset:0}.eduka-container-modern:after{content:"";z-index:1;background:#fffffff5;position:absolute;inset:0}.eduka-container-modern>*{z-index:2;position:relative}.eduka-container-modern:before,.eduka-container-modern:after{will-change:transform}.eduka-header-modern{background:#fff;margin-bottom:0;padding:1.5rem 2rem;box-shadow:0 4px 20px #00000014}.eduka-header-top{justify-content:space-between;align-items:center;margin-bottom:0;display:flex}.btn-back-eduka{color:#475569;cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.btn-back-eduka:hover{color:#fff;background:#095e84;border-color:#095e84;transform:translate(-4px)}.eduka-header-title{align-items:center;gap:1rem;display:flex}.eduka-icon-large{background:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;padding:8px;display:flex;box-shadow:0 4px 12px #095e844d}.eduka-icon-large img{object-fit:contain;width:100%;height:100%}.eduka-header-title h1{color:#1e293b;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;background-clip:text;margin:0 0 .25rem;font-size:1.5rem;font-weight:800}.eduka-header-title p{color:#64748b;white-space:nowrap;margin:0;font-size:.875rem}.search-section-eduka{z-index:10;max-width:1200px;margin:0 auto;padding:0 2rem;position:relative}.search-section-eduka.global-search-bar{box-sizing:border-box;z-index:10;background:0 0;width:100%;margin-top:1.5rem;margin-bottom:2rem;padding:1.25rem 2rem;position:relative}.search-section-eduka.global-search-bar .search-box-eduka{width:100%;max-width:100%}.search-box-eduka{background:#fff;border:2px solid #095e84;border-radius:14px;align-items:center;gap:1rem;padding:1rem 1.5rem;transition:all .3s;display:flex;box-shadow:0 2px 8px #095e841a}.search-box-eduka:focus-within{border-color:#095e84;transform:translateY(-2px);box-shadow:0 4px 16px #095e8433}.search-box-eduka .search-icon{color:#94a3b8;flex-shrink:0}.search-box-eduka input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;font-size:1rem}.search-box-eduka input::placeholder{color:#cbd5e1}.clear-search-eduka{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.125rem;transition:all .3s;display:flex}.clear-search-eduka:hover{color:#fff;background:#ef4444;transform:rotate(90deg)}.eduka-main-modern{padding:0 2rem 2rem}.content-wrapper-eduka{max-width:1200px;margin:0 auto}.stats-section{z-index:1;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid;position:relative}.stat-card{background:#fff;border:2px solid #f1f5f9;border-radius:14px;align-items:center;gap:1.25rem;padding:1.5rem;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000000d}.stat-card:hover{border-color:#095e84;transform:translateY(-2px);box-shadow:0 4px 16px #095e8426}.stat-card svg{color:#095e84;flex-shrink:0}.stat-card h3{color:#1e293b;margin:0;font-size:1.75rem;font-weight:800}.stat-card p{color:#64748b;margin:0;font-size:.875rem}.volets-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.volet-card{cursor:pointer;background:#fff;border:2px solid #f1f5f9;border-radius:14px;align-items:center;gap:1.25rem;padding:1.5rem;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000000d}.volet-card:hover{border-color:#095e84;transform:translateY(-2px);box-shadow:0 4px 16px #095e8426}.volet-icon{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.volet-content{flex:1}.volet-content h3{color:#1e293b;margin:0 0 .5rem;font-size:1.125rem;font-weight:700}.volet-content p{color:#64748b;margin:0;font-size:.875rem;line-height:1.5}.volet-arrow{color:#095e84;flex-shrink:0;transition:transform .3s}.volet-card:hover .volet-arrow{transform:translate(4px)}.quick-help-modern{background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-radius:16px;padding:2.5rem;box-shadow:0 8px 24px #095e844d}.quick-help-modern h3{text-align:center;color:#fff;margin:0 0 2rem;font-size:1.5rem;font-weight:700}.help-cards-modern{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem;display:grid}.help-card-modern{text-align:center;cursor:pointer;background:#fff;border-radius:12px;padding:1.75rem;transition:all .3s}.help-card-modern:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.help-icon-modern{margin-bottom:1rem;font-size:2.5rem}.help-card-modern h4{color:#1e293b;margin:0 0 .5rem;font-size:1.125rem;font-weight:700}.help-card-modern p{color:#64748b;margin:0;font-size:.875rem}.loading-state-eduka,.empty-state-eduka{text-align:center;color:#64748b;padding:4rem 2rem}.loading-state-eduka .spinner{border:4px solid #f1f5f9;border-top-color:#095e84;border-radius:50%;width:48px;height:48px;margin:0 auto 1.5rem;animation:.8s linear infinite spin}.empty-state-eduka svg{color:#cbd5e1;margin-bottom:1.5rem}.empty-state-eduka h3{color:#1e293b;margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.error-state-eduka{text-align:center;color:#dc2626;background:#fef2f2;border-radius:14px;padding:3rem 2rem;font-weight:600}@media (max-width:1024px){.eduka-header-modern{padding:1.25rem 1.5rem}.search-section-eduka.global-search-bar{padding:1rem 1.5rem}.eduka-main-modern{padding:0 1.5rem 1.5rem}.stats-section{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.volets-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.help-cards-modern{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.eduka-header-modern{padding:1rem}.eduka-header-top{flex-direction:column;align-items:flex-start;gap:1rem}.btn-back-eduka{justify-content:center;width:100%}.eduka-header-title{width:100%}.eduka-header-title h1{white-space:normal;font-size:1.125rem}.eduka-header-title p{white-space:normal;font-size:.75rem}.eduka-icon-large{width:40px;height:40px}.eduka-icon-large svg{width:20px;height:20px}.search-section-eduka.global-search-bar{margin-top:1rem;margin-bottom:1.5rem;padding:1rem}.search-box-eduka{gap:.75rem;padding:.875rem 1rem}.search-box-eduka input{font-size:.9375rem}.eduka-main-modern{padding:0 1rem 1rem}.stats-section{grid-template-columns:1fr;gap:1rem}.stat-card{padding:1.25rem}.stat-card h3{font-size:1.5rem}.volets-grid{grid-template-columns:1fr;gap:1rem}.volet-card{padding:1.25rem}.volet-icon{width:50px;height:50px}.quick-help-modern{padding:1.5rem}.quick-help-modern h3{margin-bottom:1.5rem;font-size:1.25rem}.help-cards-modern{grid-template-columns:1fr;gap:1rem}.help-card-modern{padding:1.5rem}}@media (max-width:480px){.eduka-header-modern{padding:.875rem}.eduka-header-title h1{font-size:1rem}.search-section-eduka.global-search-bar{padding:.875rem}.search-box-eduka{padding:.75rem}.eduka-main-modern{padding:0 .875rem .875rem}.stat-card{text-align:center;flex-direction:column;padding:1rem}.volet-card{padding:1rem}}.volet-detail-container-modern{background-image:url(/assets/images/logos/background.jpg);background-position:50%;background-size:cover;background-attachment:fixed;min-height:100vh;position:relative}.volet-detail-container-modern:before{content:"";opacity:.4;z-index:0;background-image:url(/assets/images/logos/background.jpg);background-position:50%;background-size:cover;position:absolute;inset:0}.volet-detail-container-modern:after{content:"";z-index:1;background:#fffffff5;position:absolute;inset:0}.volet-detail-container-modern>*{z-index:2;position:relative}.volet-detail-container-modern:before,.volet-detail-container-modern:after{will-change:transform}.volet-header-modern{z-index:10;background:#fff;flex-shrink:0;width:100%;margin-bottom:0;padding:1rem 2rem;position:relative;box-shadow:0 4px 20px #00000014}.volet-header-top{align-items:center;gap:1.5rem;width:100%;display:flex}.btn-back-volet{color:#475569;cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.btn-back-volet:hover{color:#fff;background:#095e84;border-color:#095e84;transform:translate(-4px)}.volet-header-title{flex:1;align-items:center;gap:1rem;min-width:0;display:flex}.volet-icon-large-modern{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex;box-shadow:0 4px 12px #095e844d}.volet-icon-large-modern svg{width:24px;height:24px}.volet-header-title-content{flex:1;align-items:center;gap:1rem;min-width:0;display:flex}.volet-header-title h1{color:#095e84;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.5rem;font-weight:800;overflow:hidden}.volet-header-title-separator{background:#e2e8f0;flex-shrink:0;width:2px;height:24px}.volet-header-title p{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.875rem;font-weight:500;overflow:hidden}.volet-main-modern{margin-top:2rem;padding:0 2rem 2rem}.content-wrapper-volet{max-width:1200px;margin:0 auto}.intro-section-modern{text-align:center;-webkit-backdrop-filter:blur(10px);background:#ffffffd9;border:2px solid #095e8433;border-radius:16px;margin-bottom:2.5rem;padding:2rem;position:relative;box-shadow:0 4px 16px #095e841a}.intro-section-modern h2{color:#1e293b;justify-content:center;align-items:center;gap:.75rem;margin:0 0 .5rem;font-size:1.75rem;font-weight:800;display:flex}.intro-section-modern h2 .section-icon{color:#095e84;flex-shrink:0}.intro-section-modern p{color:#64748b;justify-content:center;align-items:center;gap:.5rem;margin:0;font-size:1rem;display:flex}.intro-section-modern p .section-icon-small{color:#095e84;opacity:.7;flex-shrink:0}.processus-grid-modern{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;display:grid}.processus-card-modern{cursor:pointer;background:#fff;border:2px solid #f1f5f9;border-radius:16px;padding:2rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000d}.processus-card-modern:before{content:"";background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);width:4px;height:100%;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleY(0)}.processus-card-modern:hover:before{transform:scaleY(1)}.processus-card-modern:hover{border-color:#095e84;transform:translateY(-4px);box-shadow:0 8px 24px #095e8433}.processus-number-modern{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:1.25rem;font-size:1.5rem;font-weight:800;display:flex;box-shadow:0 4px 12px #095e844d}.processus-content-modern h3{color:#1e293b;margin:0 0 .75rem;font-size:1.25rem;font-weight:700}.processus-content-modern p{color:#64748b;margin:0 0 1.5rem;font-size:.9375rem;line-height:1.6}.processus-footer-modern{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:1.25rem;display:flex}.tutoriels-count-modern{color:#64748b;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.tutoriels-count-modern svg{color:#095e84}.processus-arrow-modern{color:#095e84;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.processus-card-modern:hover .processus-arrow-modern{color:#fff;background:#095e84;transform:translate(4px)}.loading-state-volet,.empty-state-volet{text-align:center;padding:4rem 2rem}.loading-state-volet .spinner{border:4px solid #f1f5f9;border-top-color:#095e84;border-radius:50%;width:48px;height:48px;margin:0 auto 1.5rem;animation:.8s linear infinite spin}.loading-state-volet p{color:#64748b;font-size:1rem}.empty-state-volet svg{color:#cbd5e1;margin-bottom:1.5rem}.empty-state-volet h3{color:#1e293b;justify-content:center;align-items:center;gap:.75rem;margin:0 0 .5rem;font-size:1.5rem;font-weight:700;display:flex}.empty-state-volet h3 .section-icon{color:#94a3b8;flex-shrink:0}.empty-state-volet p{color:#64748b;justify-content:center;align-items:center;gap:.5rem;margin:0;display:flex}.empty-state-volet p .section-icon-small{color:#94a3b8;opacity:.7;flex-shrink:0}.error-state-volet{text-align:center;color:#dc2626;background:#fef2f2;border-radius:14px;padding:3rem 2rem;font-weight:600}@media (max-width:768px){.volet-header-modern{padding:1.25rem}.volet-header-top{flex-direction:column;align-items:flex-start;gap:1rem}.volet-header-title{text-align:center;flex-direction:column;width:100%}.volet-header-title h1{font-size:1.5rem}.volet-icon-large-modern{width:50px;height:50px}.volet-icon-large-modern svg{width:28px;height:28px}.volet-main-modern{padding:0 1.25rem 1.25rem}.processus-grid-modern{grid-template-columns:1fr}.processus-card-modern{padding:1.5rem}}.processus-detail-container-modern{background-image:url(/assets/images/logos/background.jpg);background-position:50%;background-size:cover;background-attachment:fixed;min-height:100vh;position:relative}.processus-detail-container-modern:before{content:"";opacity:.4;z-index:0;background-image:url(/assets/images/logos/background.jpg);background-position:50%;background-size:cover;position:absolute;inset:0}.processus-detail-container-modern:after{content:"";z-index:1;background:#fffffff5;position:absolute;inset:0}.processus-detail-container-modern>*{z-index:2;position:relative}.processus-detail-container-modern:before,.processus-detail-container-modern:after{will-change:transform}.processus-header-modern{background:#fff;margin-bottom:2rem;padding:1.5rem 2rem;box-shadow:0 4px 20px #00000014}.processus-header-top{align-items:center;gap:2rem;display:flex}.btn-back-processus{color:#475569;cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.btn-back-processus:hover{color:#fff;background:#095e84;border-color:#095e84;transform:translate(-4px)}.processus-header-title{flex:1;align-items:center;gap:1rem;display:flex}.processus-icon-large-modern{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.75rem;font-weight:800;display:flex;box-shadow:0 4px 12px #095e844d}.processus-header-title h1{color:#1e293b;margin:0 0 .25rem;font-size:1.75rem;font-weight:800}.processus-header-title p{color:#64748b;margin:0 0 .5rem;font-size:.9375rem}.volet-badge{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-radius:6px;padding:.375rem .875rem;font-size:.8125rem;font-weight:600;display:inline-block}.processus-main-modern{padding:0 2rem 2rem}.content-wrapper-processus{max-width:1200px;margin:0 auto}.intro-section-processus{text-align:center;-webkit-backdrop-filter:blur(10px);background:#ffffffd9;border:2px solid #095e8433;border-radius:16px;margin-bottom:2.5rem;padding:2rem;position:relative;box-shadow:0 4px 16px #095e841a}.intro-section-processus h2{color:#1e293b;justify-content:center;align-items:center;gap:.75rem;margin:0 0 .5rem;font-size:1.75rem;font-weight:800;display:flex}.intro-section-processus h2 .section-icon{color:#095e84;flex-shrink:0}.intro-section-processus p{color:#64748b;justify-content:center;align-items:center;gap:.5rem;margin:0;font-size:1rem;display:flex}.intro-section-processus p .section-icon-small{color:#095e84;opacity:.7;flex-shrink:0}.tutoriels-grid-modern{grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem;display:grid}.tutoriel-card-modern{cursor:pointer;background:#fff;border:2px solid #f1f5f9;border-radius:16px;align-items:flex-start;gap:1.25rem;padding:1.75rem;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000000d}.tutoriel-card-modern:hover{border-color:#095e84;transform:translateY(-4px);box-shadow:0 8px 24px #095e8433}.tutoriel-icon-modern{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex;box-shadow:0 4px 12px #095e844d}.tutoriel-content-modern{flex:1}.tutoriel-header-modern{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.tutoriel-header-modern h3{color:#1e293b;flex:1;margin:0;font-size:1.125rem;font-weight:700}.type-badge-modern{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;flex-shrink:0;padding:.375rem .875rem;font-size:.75rem;font-weight:700}.type-badge-modern.pdf{color:#d97706;background:#fef3c7}.type-badge-modern.video{color:#7c3aed;background:#ede9fe}.type-badge-modern.mixte{color:#2563eb;background:#dbeafe}.tutoriel-content-modern p{color:#64748b;margin:0 0 1rem;font-size:.9375rem;line-height:1.6}.tutoriel-meta-modern{flex-wrap:wrap;gap:1.25rem;display:flex}.meta-item{color:#94a3b8;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;display:flex}.tutoriel-arrow-modern{color:#095e84;background:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.tutoriel-card-modern:hover .tutoriel-arrow-modern{color:#fff;background:#095e84;transform:translate(4px)}.loading-state-processus{text-align:center;padding:4rem 2rem}.empty-state-processus{text-align:center;-webkit-backdrop-filter:blur(10px);background:#ffffffd9;border:2px solid #095e8433;border-radius:16px;padding:3rem 2rem;box-shadow:0 4px 16px #095e841a}.loading-state-processus .spinner{border:4px solid #f1f5f9;border-top-color:#095e84;border-radius:50%;width:48px;height:48px;margin:0 auto 1.5rem;animation:.8s linear infinite spin}.loading-state-processus p{color:#64748b;font-size:1rem}.empty-state-processus svg{color:#cbd5e1;margin-bottom:1.5rem}.empty-state-processus h3{color:#1e293b;justify-content:center;align-items:center;gap:.75rem;margin:0 0 .5rem;font-size:1.5rem;font-weight:700;display:flex}.empty-state-processus h3 .section-icon{color:#94a3b8;flex-shrink:0}.empty-state-processus p{color:#64748b;justify-content:center;align-items:center;gap:.5rem;margin:0;display:flex}.empty-state-processus p .section-icon-small{color:#94a3b8;opacity:.7;flex-shrink:0}.error-state-processus{text-align:center;color:#dc2626;background:#fef2f2;border-radius:14px;padding:3rem 2rem;font-weight:600}@media (max-width:768px){.processus-header-modern{padding:1.25rem}.processus-header-top{flex-direction:column;align-items:flex-start;gap:1rem}.processus-header-title{text-align:center;flex-direction:column;width:100%}.processus-header-title h1{font-size:1.5rem}.processus-icon-large-modern{width:50px;height:50px;font-size:1.5rem}.processus-main-modern{padding:0 1.25rem 1.25rem}.tutoriels-grid-modern{grid-template-columns:1fr}.tutoriel-card-modern{flex-direction:column;padding:1.5rem}.tutoriel-icon-modern{width:50px;height:50px}.tutoriel-icon-modern svg{width:24px;height:24px}}.tutoriel-container-modern{background-image:url(/assets/images/logos/background.jpg);background-position:50%;background-size:cover;background-attachment:fixed;min-height:100vh;position:relative}.tutoriel-container-modern:before{content:"";opacity:.4;z-index:0;background-image:url(/assets/images/logos/background.jpg);background-position:50%;background-size:cover;position:absolute;inset:0}.tutoriel-container-modern:after{content:"";z-index:1;background:#fffffff5;position:absolute;inset:0}.tutoriel-container-modern>*{z-index:2;position:relative}.tutoriel-container-modern:before,.tutoriel-container-modern:after{will-change:transform}.tutoriel-header-modern{z-index:10;background:#fff;flex-shrink:0;width:100%;margin-bottom:2rem;padding:1.5rem 2rem;position:relative;box-shadow:0 4px 20px #00000014}.tutoriel-header-top{align-items:center;gap:1.5rem;width:100%;display:flex}.btn-back-tutoriel{color:#475569;cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.btn-back-tutoriel:hover{color:#fff;background:#095e84;border-color:#095e84;transform:translate(-4px)}.tutoriel-header-title{flex:1;align-items:center;gap:1rem;min-width:0;display:flex}.tutoriel-icon-large-modern{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex;box-shadow:0 4px 12px #095e844d}.tutoriel-header-title h1{color:#1e293b;margin:0 0 .25rem;font-size:1.75rem;font-weight:800}.tutoriel-header-title p{color:#64748b;margin:0 0 .5rem;font-size:.9375rem}.processus-badge{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-radius:6px;padding:.375rem .875rem;font-size:.8125rem;font-weight:600;display:inline-block}.tutoriel-main-modern{padding:0 2rem 2rem}.content-wrapper-tutoriel{max-width:1200px;margin:0 auto}.loading-state-tutoriel,.error-state-tutoriel{text-align:center;padding:4rem 2rem}.loading-state-tutoriel .spinner{border:4px solid #f1f5f9;border-top-color:#095e84;border-radius:50%;width:48px;height:48px;margin:0 auto 1.5rem;animation:.8s linear infinite spin}.loading-state-tutoriel p{color:#64748b;font-size:1rem}.error-state-tutoriel{color:#dc2626;background:#fef2f2;border-radius:14px;font-weight:600}.tutoriel-content-modern{flex-direction:column;gap:2rem;display:flex}.tutoriel-stats-modern{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:2rem;display:flex}.stat-item-modern{background:#fff;border:2px solid #f1f5f9;border-radius:14px;align-items:center;gap:1rem;padding:1.25rem 1.75rem;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000000d}.stat-item-modern:hover{border-color:#095e84;transform:translateY(-2px);box-shadow:0 4px 12px #095e8426}.stat-item-modern svg{color:#095e84;flex-shrink:0}.stat-item-modern>div{flex-direction:row;align-items:baseline;gap:.5rem;display:flex}.stat-value-modern{color:#1e293b;font-size:1.25rem;font-weight:700}.stat-label-modern{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:.8125rem}.content-section-modern{background:#fff;border:2px solid #f1f5f9;border-radius:16px;padding:2.5rem;box-shadow:0 2px 8px #0000000d}.content-section-header{border-bottom:2px solid #f1f5f9;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.content-section-header svg{color:#095e84;flex-shrink:0}.content-section-header h2{color:#1e293b;margin:0;font-size:1.5rem;font-weight:700}.pdf-viewer-modern{border:2px solid #f1f5f9;border-radius:12px;margin-bottom:1.5rem;overflow:hidden;box-shadow:0 4px 12px #0000001a}.pdf-viewer-modern iframe{border:none;display:block}.video-player-modern{background:#fff;border:2px solid #095e84;border-radius:12px;padding:8px;overflow:hidden;box-shadow:0 4px 12px #095e841a}.video-player-modern video{border-radius:12px;width:100%;max-height:600px;display:block}.content-actions{gap:.75rem;margin-left:auto;display:flex}.btn-action-modern{color:#475569;cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-action-modern svg{flex-shrink:0}.btn-action-modern.btn-view{color:#475569;background:#f8fafc;border:2px solid #e2e8f0}.btn-action-modern.btn-view:hover{color:#fff;background:#095e84;border-color:#095e84;transform:translateY(-2px)}.btn-action-modern.btn-view:hover svg{color:#fff!important;stroke:#fff!important}.btn-action-modern.btn-download{color:#475569;background:#f8fafc;border:2px solid #e2e8f0}.btn-action-modern.btn-download:hover{color:#fff;background:#095e84;border-color:#095e84;transform:translateY(-2px)}.btn-action-modern.btn-download:hover svg{color:#fff!important;stroke:#fff!important}.btn-download-modern{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 12px #095e844d}.btn-download-modern:hover{transform:translateY(-2px);box-shadow:0 6px 16px #095e8466}.btn-download-modern svg{flex-shrink:0}.tutoriel-validated-badge{border-radius:12px;align-items:center;gap:.75rem;margin:1.5rem 0;padding:1rem 1.25rem;font-size:.9rem;display:flex}.tutoriel-validated-badge.referent-badge{color:#095e84;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:2px solid #095e84}.tutoriel-validated-badge.support-badge{color:#065f46;background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);border:2px solid #095e84}.tutoriel-validated-badge svg{flex-shrink:0}.tutoriel-validated-badge.referent-badge svg,.tutoriel-validated-badge.support-badge svg{color:#095e84}.tutoriel-validated-badge strong{font-weight:700}.tutoriel-validated-badge.referent-badge strong{color:#1e3a8a}.tutoriel-validated-badge.support-badge strong{color:#047857}.tutoriel-validated-badge .validator-role{opacity:.8;font-size:.85rem;font-weight:500}.tutoriel-rating-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin:2rem 0;padding:2rem;box-shadow:0 4px 20px #00000014}.tutoriel-rating-section h3{color:#1e293b;margin:0 0 1.5rem;font-size:1.25rem;font-weight:700}.rating-buttons{gap:1rem;margin-bottom:1.5rem;display:flex}.rating-btn{color:#475569;cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;flex:1;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-weight:600;transition:all .3s;display:flex}.rating-btn:hover:not(:disabled){background:#f1f5f9;border-color:#095e84;transform:translateY(-2px);box-shadow:0 4px 12px #095e8426}.rating-btn.active{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-color:#095e84;box-shadow:0 4px 12px #095e844d}.rating-btn:disabled{opacity:.6;cursor:not-allowed}.rating-btn.voted{cursor:not-allowed}.rating-btn.voted:not(.active){opacity:.5}.rating-count{opacity:.8;font-size:.875rem;font-weight:500}.usefulness-percentage{flex-direction:column;gap:.75rem;display:flex}.usefulness-bar{background:#e2e8f0;border-radius:4px;width:100%;height:8px;overflow:hidden}.usefulness-fill{background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-radius:4px;height:100%;transition:width .5s}.usefulness-percentage span{color:#64748b;font-size:.875rem;font-weight:500}.content-section-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.content-section-header h2{color:#1e293b;flex:1;margin:0;font-size:1.5rem;font-weight:700}.empty-state-tutoriel{text-align:center;background:#fff;border:2px solid #f1f5f9;border-radius:16px;padding:4rem 2rem;box-shadow:0 2px 8px #0000000d}.empty-state-tutoriel svg{color:#cbd5e1;margin-bottom:1.5rem}.empty-state-tutoriel h3{color:#1e293b;margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.empty-state-tutoriel p{color:#64748b;margin:0;font-size:1rem}@media (max-width:1024px){.tutoriel-header-modern{padding:1rem 1.5rem}.tutoriel-main-modern{padding:0 1.5rem 1.5rem}.tutoriel-stats-modern{gap:1.25rem}.content-section-modern{padding:2rem}.video-player-modern video{max-height:500px}}@media (max-width:768px){.tutoriel-header-modern{padding:1rem}.tutoriel-header-top{flex-direction:column;align-items:flex-start;gap:1rem}.btn-back-tutoriel{justify-content:center;width:100%}.tutoriel-header-title{flex-direction:column;gap:.75rem;width:100%}.tutoriel-title-content{width:100%}.tutoriel-header-right{align-items:flex-start;width:100%;margin-left:0}.tutoriel-description-right{text-align:left;white-space:normal}.tutoriel-header-title h1,.tutoriel-title-content h1{font-size:1.25rem}.tutoriel-icon-large-modern{width:45px;height:45px}.tutoriel-icon-large-modern svg{width:22px;height:22px}.tutoriel-main-modern{padding:0 1rem 1rem}.tutoriel-stats-modern{flex-direction:column;gap:.75rem}.stat-item-modern{width:100%;min-width:auto;padding:1rem}.content-section-modern{padding:1.25rem}.content-section-header{flex-direction:column;align-items:flex-start;gap:.75rem}.content-section-header h2{font-size:1.125rem}.content-actions{flex-direction:column;width:100%;margin-left:0}.btn-action-modern{justify-content:center;width:100%}.pdf-viewer-modern iframe{height:400px!important}.video-player-modern{padding:4px}.video-player-modern video{max-height:300px}.tutoriel-rating-section{padding:1.5rem}.rating-buttons{flex-direction:column}.rating-btn{width:100%}}@media (max-width:480px){.tutoriel-header-modern{padding:.875rem}.tutoriel-header-title h1,.tutoriel-title-content h1{font-size:1.125rem}.tutoriel-main-modern{padding:0 .875rem .875rem}.content-section-modern{padding:1rem}.pdf-viewer-modern iframe{height:350px!important}.video-player-modern video{max-height:250px}}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:none;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover:not(.btn-disabled){box-shadow:var(--shadow-lg);filter:brightness(1.1)}.btn-secondary{color:var(--secondary-700);border:2px solid var(--secondary-200);box-shadow:var(--shadow-sm);background:#fff}.btn-secondary:hover:not(.btn-disabled){background:var(--secondary-50);border-color:var(--secondary-300)}.btn-success{background:var(--gradient-success);color:#fff;box-shadow:var(--shadow-md)}.btn-success:hover:not(.btn-disabled){box-shadow:var(--shadow-lg);filter:brightness(1.1)}.btn-error{background:var(--error-500);color:#fff;box-shadow:var(--shadow-md)}.btn-error:hover:not(.btn-disabled){background:var(--error-600);box-shadow:var(--shadow-lg)}.btn-ghost{color:var(--secondary-700);background:0 0}.btn-ghost:hover:not(.btn-disabled){background:var(--secondary-100)}.btn-outline{color:var(--primary-600);border:2px solid var(--primary-500);background:0 0}.btn-outline:hover:not(.btn-disabled){background:var(--primary-50)}.btn-sm{padding:var(--spacing-xs)var(--spacing-md);font-size:var(--text-sm);border-radius:var(--radius-md);min-height:32px}.btn-md{padding:var(--spacing-sm)var(--spacing-lg);font-size:var(--text-base);border-radius:var(--radius-lg);min-height:40px}.btn-lg{padding:var(--spacing-md)var(--spacing-xl);font-size:var(--text-lg);border-radius:var(--radius-xl);min-height:48px}.btn-disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-full-width{width:100%}.btn-icon{justify-content:center;align-items:center;display:inline-flex}.btn-icon-spin{animation:1s linear infinite spin}.btn-text{align-items:center;display:inline-flex}.faq-container-modern{background-image:url(/assets/images/logos/faq.jpg);background-position:50%;background-size:cover;background-attachment:fixed;min-height:100vh;position:relative}.faq-container-modern:before{content:"";opacity:.4;z-index:0;background-image:url(/assets/images/logos/background.jpg);background-position:50%;background-size:cover;position:absolute;inset:0}.faq-container-modern:after{content:"";z-index:1;background:#fffffff5;position:absolute;inset:0}.faq-container-modern>*{z-index:2;position:relative}.faq-container-modern:before,.faq-container-modern:after{will-change:transform}.faq-header-modern{z-index:10;background:#fff;flex-shrink:0;width:100%;margin-bottom:2rem;padding:1rem 2rem;position:relative;box-shadow:0 4px 20px #00000014}.faq-header-top{align-items:center;gap:2rem;margin-bottom:1.5rem;display:flex}.btn-back-faq{color:#475569;cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .3s;display:flex}.btn-back-faq:hover{color:#fff;background:#095e84;border-color:#095e84;transform:translate(-4px)}.faq-header-title{flex:1;align-items:center;gap:1rem;display:flex}.faq-icon-large-modern{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex;box-shadow:0 4px 12px #095e844d}.faq-header-title h1{color:#1e293b;margin:0 0 .125rem;font-size:1.5rem;font-weight:800;line-height:1.2}.faq-header-title p{color:#64748b;margin:0;font-size:.8125rem;line-height:1.3}.search-section-modern{max-width:800px;margin:0 auto}.search-box-modern{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;align-items:center;gap:.75rem;padding:.875rem 1.25rem;transition:all .3s;display:flex}.clear-search-modern{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .3s;display:flex}.clear-search-modern:hover{color:#fff;background:#dc2626;transform:rotate(90deg)}.faq-main-modern{padding:0 2rem 2rem}.content-wrapper-faq{max-width:1200px;margin:0 auto}.categories-section-modern{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:2rem;display:flex}.category-btn-modern{color:#64748b;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:10px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .3s}.category-btn-modern:hover{color:#095e84;background:#f0fdf4;border-color:#095e84;transform:translateY(-2px)}.category-btn-modern.active{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-color:#095e84;box-shadow:0 4px 12px #095e844d}.faq-list-modern{flex-direction:column;gap:1rem;display:flex}.faq-item-modern{background:#fff;border:2px solid #f1f5f9;border-radius:16px;transition:all .3s;overflow:hidden;box-shadow:0 2px 8px #0000000d}.faq-item-modern:hover{border-color:#095e84;transform:translateY(-2px);box-shadow:0 8px 24px #095e8426}.faq-question-modern{cursor:pointer;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;transition:all .3s;display:flex}.faq-question-modern:hover{background:#f8fafc}.faq-question-content{flex-direction:column;flex:1;gap:.5rem;display:flex}.faq-question-modern h3{color:#1e293b;margin:0;font-size:1.0625rem;font-weight:700;line-height:1.5}.faq-question-stats{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.faq-views-badge{color:#64748b;background:#f1f5f9;border-radius:6px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:flex}.faq-views-badge svg{color:#095e84}.faq-rating-badge{color:#92400e;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-radius:6px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:flex}.faq-rating-badge .star-filled{fill:#f59e0b;color:#f59e0b}.faq-rating-badge .star-empty{fill:none;color:#d1d5db}.faq-question-modern svg{color:#095e84;flex-shrink:0}.faq-answer-modern{padding:0 1.5rem 1.25rem;overflow:hidden}.faq-answer-content{margin-bottom:1rem}.faq-reponse-text{color:#475569;white-space:pre-wrap;word-wrap:break-word;font-size:.9375rem;line-height:1.8}.faq-reponse-text p{margin:0 0 1rem}.faq-reponse-text p:last-child{margin-bottom:0}.faq-meta-modern{border-top:1px solid #f1f5f9;gap:.75rem;margin-top:1rem;padding-top:1rem;display:flex}.faq-category-modern{color:#fff;text-transform:capitalize;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-radius:8px;padding:.375rem .875rem;font-size:.8125rem;font-weight:600}.faq-views-modern{color:#64748b;background:#f1f5f9;border-radius:8px;align-items:center;gap:.375rem;padding:.375rem .875rem;font-size:.8125rem;font-weight:600;display:flex}.faq-views-modern svg{color:#095e84}.faq-usefulness-modern{color:#095e84;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border-radius:8px;padding:.375rem .875rem;font-size:.8125rem;font-weight:600}.faq-rating-section{border-top:2px solid #f1f5f9;margin-top:1.5rem;padding-top:1.5rem}.faq-rating-question{color:#1e293b;margin:0 0 1rem;font-size:.9375rem;font-weight:600}.faq-rating-buttons{flex-wrap:wrap;gap:.75rem;display:flex}.faq-rate-btn{color:#64748b;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .3s;display:flex}.faq-rate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.faq-rate-btn:disabled{cursor:not-allowed;opacity:.7}.faq-rate-btn.rate-useful{color:#095e84;border-color:#095e84}.faq-rate-btn.rate-useful:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-color:#095e84}.faq-rate-btn.rate-not-useful{color:#ef4444;border-color:#ef4444}.faq-rate-btn.rate-not-useful:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-color:#ef4444}.faq-rate-btn.rated{opacity:.8;cursor:default}.faq-rate-btn svg{flex-shrink:0}.rate-count{background:#0000001a;border-radius:12px;margin-left:.25rem;padding:.125rem .5rem;font-size:.75rem;font-weight:700}.faq-share-section{border-top:2px solid #f1f5f9;margin-top:1.5rem;padding-top:1.5rem}.faq-share-label{color:#1e293b;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.875rem;font-weight:600;display:flex}.faq-share-label svg{color:#095e84}.faq-share-link-container{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.faq-share-link-input{color:#475569;background-color:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;outline:none;flex:1;padding:.625rem .875rem;font-family:Courier New,monospace;font-size:.8125rem;transition:all .3s}.faq-share-link-input:focus{background-color:#fff;border-color:#095e84;box-shadow:0 0 0 3px #095e841a}.faq-copy-button{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.8125rem;font-weight:600;transition:all .3s;display:flex}.faq-copy-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #095e844d}.faq-copy-button:active{transform:translateY(0)}.faq-share-hint{color:#64748b;margin:0;font-size:.75rem;line-height:1.5}.faq-validated-badge{border-radius:12px;align-items:center;gap:.75rem;margin:1.5rem 0;padding:1rem 1.25rem;font-size:.9rem;display:flex}.faq-validated-badge.referent-badge{color:#095e84;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:2px solid #095e84}.faq-validated-badge.support-badge{color:#065f46;background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);border:2px solid #095e84}.faq-validated-badge svg{flex-shrink:0}.faq-validated-badge.referent-badge svg,.faq-validated-badge.support-badge svg{color:#095e84}.faq-validated-badge strong{font-weight:700}.faq-validated-badge.referent-badge strong{color:#1e3a8a}.faq-validated-badge.support-badge strong{color:#047857}.validator-role{opacity:.8;font-size:.85rem;font-weight:500}.help-section-modern{text-align:center;background:#fff;border:2px solid #f1f5f9;border-radius:16px;margin-top:2.5rem;padding:2.5rem;box-shadow:0 2px 8px #0000000d}.help-section-modern h3{color:#1e293b;margin:0 0 .75rem;font-size:1.5rem;font-weight:800}.help-section-modern p{color:#64748b;margin:0 0 1.5rem;font-size:1rem}.loading-container-faq{text-align:center;background:#fff;border:2px solid #f1f5f9;border-radius:16px;padding:4rem 2rem;box-shadow:0 2px 8px #0000000d}.loading-container-faq .spinner{border:4px solid #f1f5f9;border-top-color:#095e84;border-radius:50%;width:48px;height:48px;margin:0 auto 1.5rem;animation:.8s linear infinite spin}.loading-container-faq p{color:#64748b;font-size:1rem}.empty-state-faq{text-align:center;background:#fff;border:2px solid #f1f5f9;border-radius:16px;padding:4rem 2rem;box-shadow:0 2px 8px #0000000d}.empty-state-faq h3{color:#1e293b;margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.empty-state-faq p{color:#64748b;margin:0}.faq-initial-response{margin-bottom:1.5rem}.faq-replies-section{border-top:2px solid #e2e8f0;margin-top:2rem;padding-top:1.5rem}.faq-replies-title{color:#095e84;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1rem;font-weight:700;display:flex}.faq-replies-list{flex-direction:column;gap:1rem;display:flex}.faq-reply-item{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:1rem;transition:all .3s}.faq-reply-item:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #095e841a}.faq-reply-support{background:linear-gradient(135deg,#095e840d 0%,#0a7ba80d 100%);border-color:#095e8433}.faq-reply-user{background:linear-gradient(135deg,#64748b0d 0%,#94a3b80d 100%);border-color:#64748b33}.faq-reply-header{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.faq-reply-header svg{color:#64748b;flex-shrink:0}.faq-reply-author{color:#1e293b;font-size:.875rem;font-weight:600}.faq-reply-badge{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-radius:6px;margin-left:.5rem;padding:.125rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.faq-reply-date{color:#64748b;margin-left:auto;font-size:.75rem}.faq-reply-message{color:#475569;white-space:pre-wrap;word-wrap:break-word;line-height:1.6}@media (max-width:768px){.faq-header-modern{padding:1rem}.faq-header-top{flex-direction:column;align-items:flex-start;gap:1rem}.faq-header-title{width:100%}.faq-header-title h1{font-size:1.25rem}.faq-icon-large-modern{width:45px;height:45px}.faq-icon-large-modern svg{width:24px;height:24px}.search-box-modern{padding:.75rem 1rem}.faq-main-modern{padding:0 1.25rem 1.25rem}.categories-section-modern{justify-content:flex-start}.faq-question-modern{padding:1rem 1.25rem}.faq-answer-modern{padding:0 1.25rem 1rem}.help-section-modern{padding:1.5rem}}.ticket-container-modern{min-height:100vh;position:relative}.ticket-container-modern:before{content:"";z-index:0;pointer-events:none;background-image:url(/assets/images/logos/support.jpg);background-position:50%;background-size:cover;width:100%;height:100%;position:fixed;top:0;left:0}.ticket-container-modern:after{content:"";z-index:0;pointer-events:none;background:#fff;width:100%;height:100%;position:fixed;top:0;left:0}.ticket-container-modern>*{z-index:1;position:relative}.ticket-header-modern{background:#fff;margin-bottom:2rem;padding:1.5rem 2rem;box-shadow:0 4px 20px #00000014}.ticket-header-top{align-items:center;gap:2rem;display:flex}.btn-back-ticket{color:#475569;cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.btn-back-ticket:hover{color:#fff;background:#095e84;border-color:#095e84;transform:translate(-4px)}.ticket-header-title{flex:1;align-items:center;gap:1rem;display:flex}.ticket-icon-large-modern{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex;box-shadow:0 4px 12px #095e844d}.ticket-header-title h1{color:#1e293b;margin:0 0 .25rem;font-size:1.75rem;font-weight:800}.ticket-header-title p{color:#64748b;margin:0;font-size:.9375rem}.ticket-main-modern{padding:0 2rem 2rem}.content-wrapper-ticket{max-width:900px;margin:0 auto}.ticket-form-container-modern{gap:1.5rem;display:grid}.ticket-form-modern{background:#fff;border:2px solid #f1f5f9;border-radius:16px;padding:2.5rem;box-shadow:0 2px 8px #0000000d}.info-alert{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;gap:12px;margin-bottom:24px;padding:16px;display:flex}.info-alert svg{color:#095e84;flex-shrink:0}.info-alert strong{color:#095e84;margin-bottom:4px;font-size:.9375rem;display:block}.info-alert p{color:#095e84;margin:0;font-size:.875rem}.form-group label{color:#1e293b;align-items:center;gap:.5rem;margin-bottom:8px;font-size:.9375rem;font-weight:600;display:flex}.required{color:#dc2626}.form-group input,.form-group select,.form-group textarea{color:#1e293b;background:#fff;border:2px solid #e2e8f0;border-radius:10px;width:100%;padding:12px 16px;font-family:inherit;font-size:.9375rem;transition:all .2s}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#095e84;outline:none;box-shadow:0 0 0 3px #095e841a}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{cursor:not-allowed;color:#64748b;background:#f8fafc}.input-disabled{cursor:not-allowed!important;color:#64748b!important;background:#f8fafc!important}.form-group textarea{resize:vertical;min-height:150px;line-height:1.6}.form-group select{cursor:pointer}.form-group select option{color:#1e293b;background:#fff;padding:8px}.form-group small{color:#64748b;margin-top:6px;font-size:.8125rem;display:block}.form-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;display:flex}.help-box{background:#fff;border:2px solid #f1f5f9;border-radius:16px;padding:2rem;box-shadow:0 2px 8px #0000000d}.help-box h3{color:#1e293b;margin:0 0 16px;font-size:1.125rem;font-weight:700}.help-box ul{margin:0 0 20px;padding:0;list-style:none}.help-box li{color:#475569;padding:8px 0 8px 24px;font-size:.9375rem;position:relative}.help-box li:before{content:"✓";color:#095e84;font-weight:700;position:absolute;left:0}.help-note{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin:0;padding:12px 16px;font-size:.875rem}.help-note strong{color:#15803d}@media (max-width:768px){.ticket-header-modern{padding:1.25rem}.ticket-header-top{flex-direction:column;align-items:flex-start;gap:1rem}.ticket-header-title{text-align:center;flex-direction:column;width:100%}.ticket-header-title h1{font-size:1.5rem}.ticket-icon-large-modern{width:50px;height:50px}.ticket-icon-large-modern svg{width:24px;height:24px}.ticket-main-modern{padding:0 1.25rem 1.25rem}.ticket-form-modern{padding:1.5rem}.form-actions{flex-direction:column}.form-actions button{width:100%}}.tickets-container-modern{background-image:url(/assets/images/logos/support.jpg);background-position:50%;background-size:cover;background-attachment:fixed;min-height:100vh;position:relative}.tickets-container-modern:before{content:"";opacity:.4;z-index:0;background-image:url(/assets/images/logos/background.jpg);background-position:50%;background-size:cover;position:absolute;inset:0}.tickets-container-modern:after{content:"";z-index:1;background:#fffffff5;position:absolute;inset:0}.tickets-container-modern>*{z-index:2;position:relative}.tickets-container-modern:before,.tickets-container-modern:after{will-change:transform}.tickets-header-modern{z-index:10;background:#fff;flex-shrink:0;width:100%;margin-bottom:2rem;padding:1rem 2rem;position:relative;box-shadow:0 4px 20px #00000014}.tickets-header-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;display:flex}.tickets-header-left{flex:1;align-items:center;gap:1.5rem;display:flex}.btn-back-tickets{color:#475569;cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .3s;display:flex}.btn-back-tickets:hover{color:#fff;background:#095e84;border-color:#095e84;transform:translate(-4px)}.tickets-header-title{align-items:center;gap:1rem;display:flex}.tickets-icon-large-modern{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex;box-shadow:0 4px 12px #095e844d}.tickets-header-title h1{color:#1e293b;margin:0 0 .125rem;font-size:1.5rem;font-weight:800;line-height:1.2}.tickets-header-title p{color:#64748b;margin:0;font-size:.875rem;font-weight:500}.btn-new-ticket-modern{color:#fff;cursor:pointer;background:linear-gradient(135deg,#095e84 0%,#2563eb 100%);border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #3b82f64d}.btn-new-ticket-modern:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.btn-new-ticket-modern:active{transform:translateY(0)}.tickets-main-modern{padding:0 2rem 2rem}.content-wrapper-tickets{max-width:1400px;margin:0 auto}.stats-grid-modern{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card-modern{cursor:default;background:#fff;border:2px solid #f1f5f9;border-radius:16px;align-items:center;gap:1.25rem;padding:1.75rem;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000000d}.stat-card-modern:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.stat-card-modern.total{border-color:#095e84}.stat-card-modern.total:hover{border-color:#095e84;box-shadow:0 8px 24px #3b82f633}.stat-card-modern.ouvert{border-color:#f59e0b}.stat-card-modern.ouvert:hover{border-color:#f59e0b;box-shadow:0 8px 24px #f59e0b33}.stat-card-modern.en-cours{border-color:#8b5cf6}.stat-card-modern.en-cours:hover{border-color:#8b5cf6;box-shadow:0 8px 24px #8b5cf633}.stat-card-modern.resolu{border-color:#095e84}.stat-card-modern.resolu:hover{border-color:#095e84;box-shadow:0 8px 24px #095e8433}.stat-icon-modern{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.total-icon{color:#095e84;background:linear-gradient(135deg,#3b82f61a 0%,#2563eb1a 100%)}.ouvert-icon{color:#f59e0b;background:linear-gradient(135deg,#f59e0b1a 0%,#d977061a 100%)}.en-cours-icon{color:#8b5cf6;background:linear-gradient(135deg,#8b5cf61a 0%,#7c3aed1a 100%)}.resolu-icon{color:#095e84;background:linear-gradient(135deg,#095e841a 0%,#0a7ba81a 100%)}.stat-info-modern{flex-direction:column;flex:1;gap:.25rem;display:flex}.stat-value-modern{color:#1e293b;font-size:2rem;font-weight:800;line-height:1}.stat-label-modern{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:.875rem;font-weight:600}.filters-section-modern{background:#fff;border:2px solid #f1f5f9;border-radius:16px;flex-direction:column;gap:1.25rem;margin-bottom:2rem;padding:1.5rem;display:flex;box-shadow:0 2px 8px #0000000d}.search-box-tickets-modern{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;align-items:center;gap:.75rem;padding:.875rem 1.25rem;transition:all .3s;display:flex}.search-box-tickets-modern:focus-within{background:#fff;border-color:#095e84;box-shadow:0 0 0 3px #095e841a}.search-box-tickets-modern svg{color:#94a3b8;flex-shrink:0}.search-box-tickets-modern input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;font-size:.9375rem}.search-box-tickets-modern input::placeholder{color:#94a3b8}.status-filters-modern{flex-wrap:wrap;gap:.75rem;display:flex}.filter-btn-modern{color:#64748b;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:10px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .3s;display:flex}.tickets-list-modern{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem;display:grid}.ticket-card-modern{cursor:pointer;background:#fff;border:2px solid #f1f5f9;border-radius:16px;flex-direction:column;padding:1.75rem;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000000d}.ticket-card-modern:hover{border-color:#095e84;transform:translateY(-4px);box-shadow:0 8px 24px #095e8426}.ticket-header-card{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.ticket-id{color:#095e84;font-size:.875rem;font-weight:700}.ticket-status{text-transform:uppercase;letter-spacing:.5px;border-radius:8px;align-items:center;gap:.375rem;padding:.375rem .875rem;font-size:.75rem;font-weight:700;display:flex}.ticket-status.ouvert{color:#d97706;background:#fef3c7}.ticket-status.en_cours{color:#7c3aed;background:#ede9fe}.ticket-status.resolu{color:#0a7ba8;background:#d1fae5}.ticket-status.ferme{color:#475569;background:#f1f5f9}.ticket-status svg{width:16px;height:16px}.ticket-subject{color:#1e293b;margin:0 0 .625rem;font-size:1.125rem;font-weight:700;line-height:1.4}.ticket-description{color:#64748b;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 1rem;font-size:.875rem;line-height:1.6;display:-webkit-box;overflow:hidden}.ticket-footer-card{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:.75rem;margin-top:auto;padding-top:1rem;display:flex}.ticket-priority{text-transform:capitalize;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;display:flex}.priority-urgente{color:#dc2626}.priority-haute{color:#f59e0b}.priority-normale,.priority-basse{color:#095e84}.ticket-date{color:#94a3b8;font-size:.75rem}.loading-container-modern{text-align:center;background:#fff;border:2px solid #f1f5f9;border-radius:16px;padding:4rem 2rem;box-shadow:0 2px 8px #0000000d}.loading-container-modern .spinner{border:4px solid #f1f5f9;border-top-color:#095e84;border-radius:50%;width:48px;height:48px;margin:0 auto 1.5rem;animation:.8s linear infinite spin}.loading-container-modern p{color:#64748b;font-size:1rem}.empty-state-modern{text-align:center;background:#fff;border:2px solid #f1f5f9;border-radius:16px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex;box-shadow:0 2px 8px #0000000d}.empty-state-modern svg{color:#cbd5e1;margin-bottom:.5rem}.empty-state-modern h3{color:#1e293b;margin:0;font-size:1.5rem;font-weight:700}.empty-state-modern p{color:#64748b;margin:0}.btn-create-first-ticket{color:#475569;cursor:pointer;white-space:nowrap;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:.75rem 1.5rem;font-family:Titillium Web,sans-serif;font-size:.875rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn-create-first-ticket:before{content:"";background:#095e841a;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-create-first-ticket:hover:before{width:300px;height:300px}.btn-create-first-ticket:hover{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-color:#095e84;transform:translateY(-2px);box-shadow:0 4px 12px #095e844d}.btn-create-first-ticket:active{transform:translateY(0)scale(.98)}.btn-create-first-ticket svg{flex-shrink:0;transition:all .3s}.btn-create-first-ticket:hover svg{color:#fff;transform:rotate(90deg)}@media (max-width:768px){.tickets-header-modern{padding:1rem}.tickets-header-top{flex-direction:column;align-items:stretch;gap:1rem}.tickets-header-left{flex-direction:column;align-items:flex-start;gap:1rem;width:100%}.tickets-header-title{width:100%}.btn-new-ticket-modern{justify-content:center;width:100%}.tickets-header-title h1{font-size:1.25rem}.tickets-icon-large-modern{width:45px;height:45px}.tickets-icon-large-modern svg{width:24px;height:24px}.tickets-main-modern{padding:0 1.25rem 1.25rem}.stats-grid-modern{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card-modern{text-align:center;flex-direction:column;padding:1.25rem}.stat-icon-modern{width:56px;height:56px}.stat-value-modern{font-size:1.75rem}.filters-section-modern{padding:1.25rem}.status-filters-modern{width:100%}.filter-btn-modern{flex:1;justify-content:center;min-width:calc(50% - .375rem)}.tickets-list-modern{grid-template-columns:1fr}}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-container{z-index:9999;width:100%;max-width:500px;position:relative}.modal-content{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:500px;padding:2rem;position:relative;box-shadow:0 20px 60px #0000004d}.modal-close-btn{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex;position:absolute;top:1rem;right:1rem}.modal-close-btn:hover{color:#1e293b;background:#e2e8f0;transform:rotate(90deg)}.modal-icon{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex;box-shadow:0 8px 24px #ef44444d}.modal-title{color:#1e293b;margin:0 0 1rem;font-size:1.5rem;font-weight:700}.modal-message{color:#64748b;margin:0;font-size:1rem;line-height:1.6}.modal-content.error .modal-icon{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 8px 24px #ef44444d}.modal-content.error .modal-title{color:#dc2626}@media (max-width:640px){.modal-content{margin:1rem;padding:1.5rem}.modal-icon{width:64px;height:64px}.modal-title{font-size:1.25rem}.modal-message{font-size:.9rem}}.ticket-detail-container-modern{background-image:url(/assets/images/logos/support.jpg);background-position:50%;background-size:cover;background-attachment:fixed;min-height:100vh;position:relative}.ticket-detail-container-modern:before{content:"";opacity:.4;z-index:0;background-image:url(/assets/images/logos/background.jpg);background-position:50%;background-size:cover;position:absolute;inset:0}.ticket-detail-container-modern:after{content:"";z-index:1;background:#fffffff5;position:absolute;inset:0}.ticket-detail-container-modern>*{z-index:2;position:relative}.ticket-detail-container-modern:before,.ticket-detail-container-modern:after{will-change:transform}.ticket-detail-header-modern{z-index:10;background:#fff;flex-shrink:0;width:100%;margin-bottom:2rem;padding:1rem 2rem;position:relative;box-shadow:0 4px 20px #00000014}.ticket-detail-header-top{align-items:center;gap:2rem;max-width:1400px;margin:0 auto;display:flex}.btn-back-ticket-detail{color:#475569;cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .3s;display:flex}.btn-back-ticket-detail:hover{color:#fff;background:#095e84;border-color:#095e84;transform:translate(-4px)}.ticket-detail-header-title{flex:1;align-items:center;gap:1rem;display:flex}.ticket-detail-icon-large-modern{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex;box-shadow:0 4px 12px #10b9814d}.ticket-detail-header-title h1{color:#1e293b;margin:0 0 .125rem;font-size:1.5rem;font-weight:800;line-height:1.2}.ticket-detail-header-title p{color:#64748b;margin:0;font-size:.8125rem;line-height:1.3}.ticket-detail-main-modern{padding:0 2rem 2rem}.content-wrapper-ticket-detail{max-width:1400px;margin:0 auto}.ticket-detail-grid-modern{grid-template-columns:1fr 350px;gap:2rem;display:grid}.loading-container-ticket-detail{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:60vh;display:flex}.loading-container-ticket-detail .spinner{border:4px solid #f1f5f9;border-top-color:#095e84;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.loading-container-ticket-detail p{color:#64748b;font-size:1rem}.ticket-content-modern{background:#fff;border:2px solid #f1f5f9;border-radius:16px;padding:2.5rem;box-shadow:0 2px 8px #0000000d}.status-badge-large{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;align-items:center;gap:.625rem;margin-bottom:1.5rem;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:700;display:inline-flex}.status-badge-large.ouvert{color:#d97706;background:#fef3c7;border:2px solid #fde68a}.status-badge-large.en_cours{color:#7c3aed;background:#ede9fe;border:2px solid #ddd6fe}.status-badge-large.resolu{color:#0a7ba8;background:#d1fae5;border:2px solid #a7f3d0}.status-badge-large.ferme{color:#475569;background:#f1f5f9;border:2px solid #e2e8f0}.status-badge-large svg{flex-shrink:0}.ticket-subject-large{color:#1e293b;margin:0 0 1.5rem;font-size:1.875rem;font-weight:800;line-height:1.3}.ticket-meta{border-bottom:2px solid #f1f5f9;flex-wrap:wrap;gap:1.25rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.meta-item{color:#64748b;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.meta-item svg{color:#095e84;flex-shrink:0}.ticket-description-section{margin-bottom:2rem}.ticket-description-section h3{color:#1e293b;margin:0 0 1rem;font-size:1.125rem;font-weight:700}.description-content{color:#334155;white-space:pre-wrap;background:#f8fafc;border-left:4px solid #095e84;border-radius:12px;padding:1.25rem;font-size:.9375rem;line-height:1.7}.response-section{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border-left:4px solid #095e84;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.response-section h3{color:#166534;align-items:center;gap:.625rem;margin:0 0 1rem;font-size:1.125rem;font-weight:700;display:flex}.response-content{background:#fff;border-radius:10px;padding:1.25rem}.response-header{color:#166534;border-bottom:1px solid #f0fdf4;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.75rem;font-size:.875rem;font-weight:600;display:flex}.response-header svg{flex-shrink:0}.response-date{color:#64748b;margin-left:auto;font-weight:400}.response-content p{color:#334155;white-space:pre-wrap;margin:0;font-size:.9375rem;line-height:1.7}.support-response-form{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;margin-top:2rem;padding:1.5rem}.support-response-form h3{color:#1e293b;align-items:center;gap:.625rem;margin:0 0 1.25rem;font-size:1.125rem;font-weight:700;display:flex}.support-response-form .form-group{margin-bottom:1rem}.support-response-form label{color:#1e293b;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.support-response-form select,.support-response-form textarea{color:#1e293b;background:#fff;border:2px solid #e2e8f0;border-radius:10px;width:100%;padding:.75rem;font-family:inherit;font-size:.9375rem;transition:all .2s}.support-response-form select:focus,.support-response-form textarea:focus{border-color:#095e84;outline:none;box-shadow:0 0 0 3px #10b9811a}.support-response-form textarea{resize:vertical;min-height:120px;line-height:1.6}.support-response-form.form-locked{opacity:.7;position:relative}.support-response-form.form-locked:before{content:"";pointer-events:none;z-index:1;background:repeating-linear-gradient(45deg,#0000,#0000 10px,#ef444408 10px 20px);border-radius:12px;position:absolute;inset:0}.form-options{margin-bottom:1rem}.checkbox-label{color:#475569;cursor:pointer;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;accent-color:#095e84;width:18px;height:18px}.quick-actions{margin-bottom:1.5rem}.ticket-sidebar-modern{flex-direction:column;gap:1.5rem;display:flex}.sidebar-card-modern{background:#fff;border:2px solid #f1f5f9;border-radius:16px;padding:1.75rem;box-shadow:0 2px 8px #0000000d}.sidebar-card-modern h4{color:#1e293b;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1rem;font-weight:700;display:flex}.sidebar-card-modern h4 svg{flex-shrink:0}.priority-badge{text-align:center;border-radius:10px;padding:.75rem 1rem;font-size:.9375rem;font-weight:600}.priority-badge.priority-urgente{color:#991b1b;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:2px solid #fecaca}.priority-badge.priority-haute{color:#9a3412;background:linear-gradient(135deg,#fed7aa 0%,#fdba74 100%);border:2px solid #fdba74}.priority-badge.priority-normale{color:#095e84;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:2px solid #bfdbfe}.priority-badge.priority-basse{color:#166534;background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);border:2px solid #bbf7d0}.detail-list{flex-direction:column;gap:.75rem;display:flex}.detail-item{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.detail-item:last-child{border-bottom:none}.detail-item .label{color:#64748b;font-size:.875rem;font-weight:500}.detail-item .value{color:#1e293b;text-transform:capitalize;font-size:.875rem;font-weight:600}.sidebar-card-modern select{color:#1e293b;background:#fff;border:2px solid #e2e8f0;border-radius:10px;width:100%;margin-bottom:.75rem;padding:.625rem;font-size:.875rem;transition:all .2s}.sidebar-card-modern select:focus{border-color:#095e84;outline:none;box-shadow:0 0 0 3px #10b9811a}.status-icon-ouvert{color:#d97706}.status-icon-en-cours{color:#7c3aed}.status-icon-resolu{color:#0a7ba8}.status-icon-ferme{color:#475569}@media (max-width:1024px){.ticket-detail-grid-modern{grid-template-columns:1fr}.ticket-sidebar-modern{order:-1}}@media (max-width:768px){.ticket-detail-header-modern{padding:1rem}.ticket-detail-header-top{flex-direction:column;align-items:flex-start;gap:1rem}.ticket-detail-header-title{width:100%}.ticket-detail-header-title h1{font-size:1.25rem}.ticket-detail-icon-large-modern{width:45px;height:45px}.ticket-detail-icon-large-modern svg{width:24px;height:24px}.ticket-detail-main-modern{padding:0 1.25rem 1.25rem}.ticket-content-modern{padding:1.5rem}.ticket-subject-large{font-size:1.5rem}.ticket-meta{flex-direction:column;gap:.75rem}.sidebar-card-modern{padding:1.25rem}}.helpful-confirmation-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #095e84;border-radius:12px;margin-top:2rem;padding:1.5rem;box-shadow:0 4px 12px #095e8426}.helpful-confirmation-section h3{color:#095e84;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1.125rem;font-weight:600;display:flex}.helpful-buttons{flex-wrap:wrap;gap:1rem;display:flex}.helpful-btn{cursor:pointer;border:2px solid;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:.5rem;min-width:150px;padding:.875rem 1.5rem;font-family:Titillium Web,sans-serif;font-size:.9375rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.helpful-btn:disabled{opacity:.6;cursor:not-allowed}.helpful-btn-yes{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-color:#10b981}.helpful-btn-yes:hover:not(:disabled){background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.helpful-btn-no{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-color:#ef4444}.helpful-btn-no:hover:not(:disabled){background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.replies-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #e2e8f0;border-radius:12px;margin-top:2rem;padding:1.5rem;box-shadow:0 4px 12px #095e841a}.replies-section h3{color:#095e84;align-items:center;gap:.5rem;margin:0 0 1.5rem;font-size:1.125rem;font-weight:600;display:flex}.replies-list{flex-direction:column;gap:1rem;display:flex}.reply-item{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;padding:1rem;transition:all .3s}.reply-item.reply-support{background:linear-gradient(135deg,#095e840d 0%,#095e8405 100%);border-color:#095e84}.reply-item.reply-user{background:#fff;border-color:#cbd5e1}.reply-header{color:#64748b;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.875rem;display:flex}.reply-author{color:#1e293b;align-items:center;gap:.5rem;font-weight:600;display:flex}.reply-badge{color:#fff;background:#095e84;border-radius:4px;padding:.125rem .5rem;font-size:.75rem;font-weight:600}.reply-date{color:#94a3b8;margin-left:auto;font-size:.8125rem}.reply-message{color:#1e293b;white-space:pre-wrap;word-wrap:break-word;line-height:1.6}.reply-form-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #095e84;border-radius:12px;margin-top:2rem;padding:1.5rem;box-shadow:0 4px 12px #095e8426}.reply-form-section h3{color:#095e84;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1.125rem;font-weight:600;display:flex}.reply-textarea{resize:vertical;color:#1e293b;background:#fff;border:2px solid #e2e8f0;border-radius:8px;width:100%;min-height:120px;margin-bottom:1rem;padding:.875rem;font-family:Titillium Web,sans-serif;font-size:.9375rem;transition:all .3s}.reply-textarea:focus{border-color:#095e84;outline:none;box-shadow:0 0 0 3px #095e841a}.take-charge-card{background:linear-gradient(135deg,#10b9811a 0%,#0596690d 100%);border:3px solid #10b981;border-radius:16px;margin-bottom:1.5rem;padding:1.5rem;position:relative;overflow:hidden;box-shadow:0 8px 32px #10b98140}.take-charge-card:before{content:"";background:linear-gradient(45deg,#0000,#10b9811a,#0000);width:200%;height:200%;animation:3s infinite shimmer;position:absolute;top:-50%;left:-50%}@keyframes shimmer{0%{transform:translate(-100%)translateY(-100%)rotate(45deg)}to{transform:translate(100%)translateY(100%)rotate(45deg)}}.cancel-charge-card{background:linear-gradient(135deg,#ef44441a 0%,#dc26260d 100%);border:3px solid #ef4444;border-radius:16px;margin-bottom:1.5rem;padding:1.5rem;position:relative;overflow:hidden;box-shadow:0 8px 32px #ef444440}.cancel-charge-card:before{content:"";background:linear-gradient(45deg,#0000,#ef44441a,#0000);width:200%;height:200%;animation:3s infinite shimmer;position:absolute;top:-50%;left:-50%}.delete-card{background:linear-gradient(135deg,#ef44440d 0%,#dc262605 100%);border:2px solid #fecaca}@media (max-width:768px){.helpful-buttons{flex-direction:column}.helpful-btn{width:100%}.replies-section,.reply-form-section,.helpful-confirmation-section{padding:1rem}.reply-header{flex-wrap:wrap}.reply-date{width:100%;margin-left:0}}.dashboard-content{max-width:1600px;min-height:100vh;margin:0;padding:2rem}.dashboard-header-modern{background:#fff;border:1px solid #e2e8f0;border-radius:20px;margin-bottom:2rem;padding:2rem;box-shadow:0 4px 20px #00000014}.dashboard-header-content{justify-content:space-between;align-items:center;width:100%;display:flex}.dashboard-header-title{align-items:center;gap:1.25rem;display:flex}.dashboard-icon-large{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex;box-shadow:0 8px 24px #095e844d}.dashboard-title-with-icon{color:#1e293b;align-items:center;gap:.75rem;margin:0 0 .5rem;font-size:2rem;font-weight:800;display:flex}.title-icon{color:#095e84;flex-shrink:0}.dashboard-subtitle-with-icon{color:#64748b;align-items:center;gap:.5rem;margin:0;font-size:1rem;display:flex}.subtitle-icon{color:#64748b;opacity:.7;flex-shrink:0}.stat-card-body-new{text-align:center;flex:1;margin-bottom:1rem}.stat-number-new{color:#1e293b;background:linear-gradient(135deg,var(--card-color,#095e84)0%,var(--card-color-dark,#0a7ba8)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:3.5rem;font-weight:900;line-height:1}.stat-card-footer-new{text-align:center;border-top:1px solid #f1f5f9;padding-top:1rem}.stat-card-total{--card-color:#095e84;--card-color-dark:#0a7ba8}.stat-card-ouvert{--card-color:#ef4444;--card-color-dark:#dc2626}.stat-card-en-cours{--card-color:#f59e0b;--card-color-dark:#d97706}.stat-card-resolu{--card-color:#095e84;--card-color-dark:#0a7ba8}.filters-bar-modern{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.5rem;display:flex;box-shadow:0 4px 20px #00000014}.search-box-modern{background:#f8fafc;border:2px solid #0000;border-radius:12px;flex:1;align-items:center;gap:.75rem;min-width:300px;padding:1rem 1.5rem;transition:all .3s;display:flex}.search-box-modern:focus-within{background:#fff;border-color:#095e84;box-shadow:0 0 0 4px #095e841a}.search-box-modern svg{color:#94a3b8;flex-shrink:0}.search-box-modern input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;font-size:1rem}.search-box-modern input::placeholder{color:#94a3b8}.filter-buttons-modern{flex-wrap:wrap;gap:.75rem;display:flex}.filter-btn-modern{cursor:pointer;color:#64748b;background:#fff;border:2px solid #e2e8f0;border-radius:12px;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.filter-btn-modern svg{flex-shrink:0}.filter-btn-modern:hover{color:#095e84;background:#f0fdf4;border-color:#095e84}.filter-btn-modern.active{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-color:#0000;box-shadow:0 4px 12px #095e844d}.tickets-container-content{background:#fff;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #00000014}.tickets-table-content{border-collapse:collapse;width:100%}.tickets-table-content thead{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%)}.tickets-table-content th{text-align:left;text-transform:uppercase;letter-spacing:.5px;padding:1.5rem 2rem;font-size:.85rem;font-weight:700}.tickets-table-content td{color:#1e293b;border-bottom:1px solid #f1f5f9;padding:1.5rem 2rem;font-size:.95rem}.tickets-table-content tbody tr{cursor:pointer;transition:all .3s}.tickets-table-content tbody tr:hover{background:#f8fafc;transform:scale(1.01)}.tickets-table-content tbody tr:last-child td{border-bottom:none}.ticket-subject-content{color:#1e293b;font-weight:600}.status-badge-content{text-transform:uppercase;letter-spacing:.5px;border-radius:8px;padding:.5rem 1rem;font-size:.75rem;font-weight:700;display:inline-block}.status-ouvert{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.status-en_cours{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.status-resolu{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.priority-badge-content{text-transform:uppercase;border-radius:8px;padding:.5rem 1rem;font-size:.75rem;font-weight:700;display:inline-block}.priority-urgente{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.priority-haute{color:#ea580c;background:#fff7ed;border:1px solid #fed7aa}.priority-normale{color:#ca8a04;background:#fffbeb;border:1px solid #fde68a}.priority-basse{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.empty-state-content{text-align:center;color:#64748b;padding:5rem 2rem}.empty-state-content svg{color:#cbd5e1;margin-bottom:1.5rem}.empty-state-content h3{color:#1e293b;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.loading-state-content{text-align:center;color:#64748b;padding:5rem 2rem;font-size:1.2rem}@media (max-width:768px){.dashboard-content{padding:1rem}.dashboard-header-modern{padding:1.5rem}.dashboard-header-title{flex-direction:column;align-items:flex-start;gap:1rem}.dashboard-title-with-icon{font-size:1.5rem}.filters-bar-modern{flex-direction:column;align-items:stretch}.search-box-modern{min-width:100%}.filter-buttons-modern{justify-content:stretch;width:100%}.filter-btn-modern{flex:1;justify-content:center}.tickets-table-content{font-size:.875rem}.tickets-table-content th,.tickets-table-content td{padding:1rem}.stats-grid-content{grid-template-columns:1fr}}.users-page-content{width:100%;min-height:100vh;margin:0;padding:2rem}.users-header-modern{background:#fff;border:1px solid #e2e8f0;border-radius:20px;margin-bottom:2rem;padding:2rem;box-shadow:0 4px 20px #00000014}.users-header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;width:100%;display:flex}.users-header-title{flex:1;align-items:center;gap:1.25rem;display:flex}.users-icon-large{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex;box-shadow:0 8px 24px #095e844d}.users-title-with-icon{color:#1e293b;align-items:center;gap:.75rem;margin:0 0 .5rem;font-size:2rem;font-weight:800;display:flex}.users-title-with-icon .title-icon{color:#095e84;flex-shrink:0}.users-subtitle-with-icon{color:#64748b;align-items:center;gap:.5rem;margin:0;font-size:1rem;display:flex}.users-subtitle-with-icon .subtitle-icon{color:#095e84;opacity:.7;flex-shrink:0}.btn-create-user-modern{color:#fff;cursor:pointer;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border:none;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #095e844d}.btn-create-user-modern:hover{transform:translateY(-2px);box-shadow:0 6px 20px #095e8466}.filters-bar-modern-users{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.5rem;display:flex;box-shadow:0 4px 20px #00000014}.search-box-modern-users{background:#f8fafc;border:2px solid #0000;border-radius:12px;flex:1;align-items:center;gap:.75rem;min-width:300px;padding:1rem 1.5rem;transition:all .3s;display:flex}.search-box-modern-users:focus-within{background:#fff;border-color:#095e84;box-shadow:0 0 0 4px #095e841a}.search-box-modern-users svg{color:#94a3b8;flex-shrink:0}.search-box-modern-users input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;font-size:1rem}.search-box-modern-users input::placeholder{color:#94a3b8}.filter-buttons-modern-users{flex-wrap:wrap;gap:.75rem;display:flex}.filter-btn-modern-users{cursor:pointer;color:#64748b;background:#fff;border:2px solid #e2e8f0;border-radius:12px;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.filter-btn-modern-users svg{flex-shrink:0}.filter-btn-modern-users:hover{color:#095e84;background:#f0fdf4;border-color:#095e84}.filter-btn-modern-users.active{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-color:#0000;box-shadow:0 4px 12px #095e844d}.users-container{background:#fff;border:1px solid #e2e8f0;border-radius:20px;overflow-x:auto;box-shadow:0 4px 20px #00000014}.users-table{border-collapse:collapse;table-layout:auto;width:100%;min-width:1200px}.users-table thead{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%)}.users-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;padding:1.5rem 2rem;font-size:.85rem;font-weight:700}.users-table td{color:#1e293b;border-bottom:1px solid #f1f5f9;padding:1.5rem 2rem;font-size:.95rem}.users-table tbody tr{transition:all .3s}.users-table tbody tr:hover{background:#f8fafc;transform:scale(1.01)}.users-table tbody tr:last-child td{border-bottom:none}.user-name-cell{white-space:nowrap;align-items:center;gap:1rem;font-weight:600;display:inline-flex}.user-avatar-small{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:700;display:flex;box-shadow:0 2px 8px #095e8433}.email-cell,.etablissement-cell,.last-login-cell{color:#64748b;align-items:center;gap:.5rem;display:flex}.email-cell svg,.etablissement-cell svg,.last-login-cell svg{color:#095e84;opacity:.7}.last-login-cell{font-size:.875rem}.last-login-cell span{color:#475569}.no-login{color:#94a3b8;font-size:.875rem;font-style:italic}.role-badge-users{text-transform:uppercase;letter-spacing:.5px;border:1px solid #0000;border-radius:8px;padding:.5rem 1rem;font-size:.75rem;font-weight:700;display:inline-block}.role-admin{color:#dc2626;background:#fef2f2;border-color:#fecaca}.role-support{color:#d97706;background:#fffbeb;border-color:#fde68a}.role-user{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.role-si{color:#7c3aed;background:#ede9fe;border-color:#c4b5fd}.si-assignments{flex-flow:row;align-items:center;gap:.375rem;max-width:350px;padding:.25rem 0;display:flex;overflow-x:auto}.si-assignments::-webkit-scrollbar{height:3px}.si-assignments::-webkit-scrollbar-track{background:0 0}.si-assignments::-webkit-scrollbar-thumb{background:#9333ea4d;border-radius:3px}.si-assignments::-webkit-scrollbar-thumb:hover{background:#9333ea80}.si-role-badge{color:#fff;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:linear-gradient(135deg,#9333ea 0%,#7c3aed 100%);border-radius:6px;flex-shrink:0;padding:.3rem .65rem;font-size:.7rem;font-weight:700;transition:all .2s;display:inline-block;box-shadow:0 2px 4px #9333ea33}.si-role-badge.primary{background:linear-gradient(135deg,#0a7ba8 0%,#095e84 100%);font-weight:800;box-shadow:0 2px 4px #095e844d}.si-role-badge:hover{transform:translateY(-1px);box-shadow:0 3px 6px #9333ea4d}.si-role-badge.primary:hover{box-shadow:0 3px 6px #095e8466}.escalation-badge{text-transform:uppercase;letter-spacing:.5px;color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:.4rem .8rem;font-size:.75rem;font-weight:700;display:inline-block}.escalation-n1{color:#d97706;background:#fef3c7;border-color:#fbbf24}.escalation-n2{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.action-buttons{justify-content:center;align-items:center;gap:.5rem;display:flex}.btn-action{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .2s;display:flex}.btn-edit{color:#fff;background:#095e84}.btn-edit:hover{background:#0a7ba8;transform:scale(1.1)}.btn-delete{color:#fff;background:#ef4444}.btn-delete:hover{background:#dc2626;transform:scale(1.1)}.btn-action svg{stroke-width:2px;width:18px;height:18px}.btn-action:active{transform:scale(.95)}.empty-state-users{text-align:center;color:#64748b;padding:5rem 2rem}.empty-state-users svg{color:#cbd5e1;margin-bottom:1.5rem}.empty-state-users h3{color:#1e293b;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.loading-state-users{text-align:center;color:#64748b;padding:5rem 2rem;font-size:1.2rem}.user-form-modal{flex-direction:column;gap:1.25rem;padding:1rem 0;display:flex}.form-group-modal{flex-direction:column;gap:.5rem;display:flex}.form-group-modal label{color:#1e293b;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.form-group-modal label .required{color:#ef4444}.form-group-modal input,.form-group-modal select{color:#1e293b;background:#fff;border:2px solid #e2e8f0;border-radius:10px;padding:.875rem 1rem;font-size:.95rem;transition:all .3s}.form-group-modal input:focus,.form-group-modal select:focus{border-color:#095e84;outline:none;box-shadow:0 0 0 4px #095e841a}.form-group-modal input:disabled,.form-group-modal select:disabled{cursor:not-allowed;opacity:.6;background:#f8fafc}.form-actions-modal{justify-content:flex-end;gap:1rem;margin-top:1rem;display:flex}.btn-cancel-modal,.btn-save-modal,.btn-delete-modal{cursor:pointer;border:2px solid #0000;border-radius:10px;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.btn-cancel-modal{color:#64748b;background:#f8fafc;border-color:#e2e8f0}.btn-cancel-modal:hover{background:#f1f5f9;border-color:#cbd5e1}.btn-save-modal{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);box-shadow:0 4px 12px #095e844d}.btn-save-modal:hover{transform:translateY(-2px);box-shadow:0 6px 20px #095e8466}.btn-save-modal:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-delete-modal{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 4px 12px #ef44444d}.btn-delete-modal:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}@media (max-width:768px){.users-page-content{padding:1rem}.users-header-modern{padding:1.5rem}.users-header-content{flex-direction:column;align-items:flex-start}.users-header-title{flex-direction:column;align-items:flex-start;gap:1rem}.users-title-with-icon{font-size:1.5rem}.btn-create-user-modern{justify-content:center;width:100%}.filters-bar-modern-users{flex-direction:column;align-items:stretch}.search-box-modern-users{min-width:100%}.filter-buttons-modern-users{justify-content:stretch;width:100%}.filter-btn-modern-users{flex:1;justify-content:center}.users-table{font-size:.875rem}.users-table th,.users-table td{padding:1rem}}.faq-admin-page-content{max-width:1600px;min-height:100vh;margin:0;padding:2rem}.faq-admin-header-modern{background:#fff;border:1px solid #e2e8f0;border-radius:20px;margin-bottom:2rem;padding:2rem;box-shadow:0 4px 20px #00000014}.faq-admin-header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;width:100%;display:flex}.faq-admin-header-title{flex:1;align-items:center;gap:1.25rem;display:flex}.faq-admin-icon-large{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex;box-shadow:0 8px 24px #095e844d}.faq-admin-title-with-icon{color:#1e293b;align-items:center;gap:.75rem;margin:0 0 .5rem;font-size:2rem;font-weight:800;display:flex}.faq-admin-title-with-icon .title-icon{color:#095e84;flex-shrink:0}.faq-admin-subtitle-with-icon{color:#64748b;align-items:center;gap:.5rem;margin:0;font-size:1rem;display:flex}.faq-admin-subtitle-with-icon .subtitle-icon{color:#095e84;opacity:.7;flex-shrink:0}.btn-create-faq-modern{color:#fff;cursor:pointer;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border:none;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #095e844d}.btn-create-faq-modern:hover{transform:translateY(-2px);box-shadow:0 6px 20px #095e8466}.filters-bar-modern-faq{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.5rem;display:flex;box-shadow:0 4px 20px #00000014}.search-box-modern-faq{background:#f8fafc;border:2px solid #0000;border-radius:12px;flex:1;align-items:center;gap:.75rem;min-width:300px;padding:1rem 1.5rem;transition:all .3s;display:flex}.search-box-modern-faq:focus-within{background:#fff;border-color:#095e84;box-shadow:0 0 0 4px #095e841a}.search-box-modern-faq svg{color:#94a3b8;flex-shrink:0}.search-box-modern-faq input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;font-size:1rem}.filter-buttons-modern-faq{flex-wrap:wrap;gap:.75rem;display:flex}.filter-btn-modern-faq{cursor:pointer;color:#64748b;background:#fff;border:2px solid #e2e8f0;border-radius:12px;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.filter-btn-modern-faq.active{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-color:#0000;box-shadow:0 4px 12px #095e844d}.faq-admin-container{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:2rem;overflow:hidden;box-shadow:0 4px 20px #00000014}.faq-list-admin{flex-direction:column;gap:1.5rem;display:flex}.faq-item-admin{background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;padding:1.5rem;transition:all .3s}.faq-item-admin:hover{border-color:#095e84;box-shadow:0 4px 12px #095e841a}.faq-item-header-admin{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.faq-item-info-admin{flex:1}.faq-question-admin{color:#1e293b;margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.faq-category-badge-admin{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-radius:6px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.faq-actions-admin{gap:.5rem;display:flex}.btn-action-faq{cursor:pointer;border:2px solid #0000;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .3s;display:flex}.btn-edit-faq{color:#095e84;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border-color:#bbf7d0}.btn-edit-faq:hover{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);transform:translateY(-2px)scale(1.05)}.btn-delete-faq{color:#ef4444;background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border-color:#fecaca}.btn-delete-faq:hover{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);transform:translateY(-2px)scale(1.05)}.faq-item-body-admin{margin-bottom:1rem}.faq-answer-admin{color:#64748b;margin:0;line-height:1.6}.faq-item-footer-admin{border-top:1px solid #e2e8f0;padding-top:1rem}.faq-meta-admin{color:#94a3b8;font-size:.875rem}.faq-share-section-admin{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-top:2px solid #e2e8f0;border-radius:12px;margin:1.5rem -1.5rem -1.5rem;padding:1.25rem}.faq-share-label-admin{color:#1e293b;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.875rem;font-weight:600;display:flex}.faq-share-label-admin svg{color:#095e84}.faq-share-link-container-admin{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.faq-share-link-input-admin{color:#475569;background-color:#fff;border:2px solid #e2e8f0;border-radius:8px;outline:none;flex:1;padding:.625rem .875rem;font-family:Courier New,monospace;font-size:.8125rem;transition:all .3s}.faq-share-link-input-admin:focus{border-color:#095e84;box-shadow:0 0 0 3px #095e841a}.faq-copy-button-admin{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.8125rem;font-weight:600;transition:all .3s;display:flex}.faq-copy-button-admin:hover{transform:translateY(-1px);box-shadow:0 4px 12px #095e844d}.faq-copy-button-admin:active{transform:translateY(0)}.faq-share-hint-admin{color:#64748b;margin:0;font-size:.75rem;line-height:1.5}.faq-validated-badge-admin{border-radius:12px;align-items:center;gap:.75rem;margin:1.25rem 0;padding:1rem 1.25rem;font-size:.9rem;display:flex}.faq-validated-badge-admin.referent-badge{color:#095e84;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:2px solid #095e84}.faq-validated-badge-admin.support-badge{color:#065f46;background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);border:2px solid #095e84}.faq-validated-badge-admin svg{flex-shrink:0}.faq-validated-badge-admin.referent-badge svg,.faq-validated-badge-admin.support-badge svg{color:#095e84}.faq-validated-badge-admin strong{font-weight:700}.faq-validated-badge-admin.referent-badge strong{color:#1e3a8a}.faq-validated-badge-admin.support-badge strong{color:#047857}.faq-validated-badge-admin .validator-role{opacity:.8;font-size:.85rem;font-weight:500}.loading-state-faq,.empty-state-faq{text-align:center;color:#64748b;padding:5rem 2rem}.empty-state-faq svg{color:#cbd5e1;margin-bottom:1.5rem}.empty-state-faq h3{color:#1e293b;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.faq-form-modal{flex-direction:column;gap:1.25rem;padding:1rem 0;display:flex}.faq-form-modal textarea{color:#1e293b;resize:vertical;background:#fff;border:2px solid #e2e8f0;border-radius:10px;padding:.875rem 1rem;font-family:inherit;font-size:.95rem;transition:all .3s}.faq-form-modal textarea:focus{border-color:#095e84;outline:none;box-shadow:0 0 0 4px #095e841a}@media (max-width:768px){.faq-admin-page-content{padding:1rem}.faq-admin-header-modern{padding:1.5rem}.faq-admin-header-content{flex-direction:column;align-items:flex-start}.btn-create-faq-modern{justify-content:center;width:100%}.filters-bar-modern-faq{flex-direction:column}.search-box-modern-faq{min-width:100%}}.ticket-history-page{max-width:1600px;min-height:100vh;margin:0;padding:2rem}.history-header{background:#fff;border:1px solid #e2e8f0;border-radius:20px;margin-bottom:2rem;padding:2rem;box-shadow:0 4px 20px #00000014}.history-header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;width:100%;display:flex}.history-header-title{flex:1;align-items:center;gap:1.25rem;display:flex}.history-icon-large{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex;box-shadow:0 8px 24px #095e844d}.history-title-with-icon{color:#1e293b;margin:0 0 .5rem;font-size:2rem;font-weight:800}.history-subtitle-with-icon{color:#64748b;align-items:center;gap:.5rem;margin:0;font-size:.95rem;display:flex}.btn-export-history{color:#fff;cursor:pointer;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border:none;border-radius:12px;align-items:center;gap:.75rem;padding:.875rem 1.75rem;font-size:.95rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 12px #095e844d}.btn-export-history:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #095e8466}.btn-export-history:disabled{opacity:.6;cursor:not-allowed}.filters-bar-history{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.5rem;display:flex;box-shadow:0 2px 12px #0000000f}.search-box-history{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;flex:1;align-items:center;gap:.75rem;min-width:250px;padding:.75rem 1rem;transition:all .3s;display:flex}.search-box-history:focus-within{background:#fff;border-color:#095e84;box-shadow:0 0 0 3px #095e841a}.search-box-history svg{color:#64748b;flex-shrink:0}.search-box-history input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;font-size:.95rem}.search-box-history input::placeholder{color:#94a3b8}.filter-buttons-history{flex-wrap:wrap;gap:.75rem;display:flex}.filter-btn-history{color:#64748b;cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .3s;display:flex}.filter-btn-history:hover{color:#475569;background:#f1f5f9;border-color:#cbd5e1}.filter-btn-history.active{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-color:#095e84;box-shadow:0 2px 8px #095e844d}.history-container{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:2rem;box-shadow:0 4px 20px #00000014}.loading-state-history,.empty-state-history{text-align:center;color:#64748b;padding:5rem 2rem}.empty-state-history svg{color:#cbd5e1;margin-bottom:1.5rem}.empty-state-history h3{color:#1e293b;margin-bottom:.5rem;font-size:1.5rem}.history-list{flex-direction:column;gap:1.5rem;display:flex}.history-item{background:linear-gradient(135deg,#f8fafc 0%,#fff 100%);border:2px solid #e2e8f0;border-radius:16px;padding:1.75rem;transition:all .3s;box-shadow:0 2px 8px #0000000a}.history-item:hover{border-color:#095e84;box-shadow:0 4px 16px #095e8426}.history-item-header{margin-bottom:1.25rem}.history-item-info{flex-direction:column;gap:.75rem;display:flex}.history-ticket-subject{color:#1e293b;margin:0;font-size:1.25rem;font-weight:700}.history-badges{flex-wrap:wrap;gap:.75rem;display:flex}.history-badge-priority,.history-badge-type,.history-badge-status{text-transform:capitalize;border-radius:8px;align-items:center;gap:.375rem;padding:.375rem .875rem;font-size:.75rem;font-weight:700;display:inline-flex}.history-badge-priority{color:#fff}.history-badge-type{color:#0284c7;background:#e0f2fe}.history-badge-status{background:#095e841a}.history-item-body{flex-direction:column;gap:1.25rem;display:flex}.history-details-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.history-detail-item{color:#475569;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.history-detail-item svg{color:#095e84;flex-shrink:0}.history-detail-item strong{color:#1e293b;margin-right:.25rem}.history-response{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-top:.5rem;padding:1.25rem}.history-response strong{color:#1e293b;margin-bottom:.75rem;font-size:.95rem;display:block}.history-response p{color:#475569;white-space:pre-wrap;margin:0;line-height:1.7}@media (max-width:1024px){.ticket-history-page{margin-left:0;padding:1rem}}@media (max-width:768px){.history-header-content{flex-direction:column;align-items:stretch}.history-details-grid{grid-template-columns:1fr}.filters-bar-history{flex-direction:column}.search-box-history{width:100%}}.stats-page{max-width:1600px;min-height:100vh;margin:0;padding:2rem}.stats-header{background:#fff;border:1px solid #e2e8f0;border-radius:20px;margin-bottom:2rem;padding:2rem;box-shadow:0 4px 20px #00000014}.stats-header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;width:100%;display:flex}.stats-header-title{flex:1;align-items:center;gap:1.25rem;display:flex}.stats-icon-large{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex;box-shadow:0 8px 24px #095e844d}.stats-title-with-icon{color:#1e293b;margin:0 0 .5rem;font-size:2rem;font-weight:800}.stats-subtitle-with-icon{color:#64748b;align-items:center;gap:.5rem;margin:0;font-size:.95rem;display:flex}.stats-export-buttons{gap:.75rem;display:flex}.btn-export-stats{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.95rem;font-weight:700;transition:all .3s;display:flex}.btn-export-excel{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);box-shadow:0 4px 12px #095e844d}.btn-export-excel:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #095e8466}.btn-export-pdf{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 4px 12px #ef44444d}.btn-export-pdf:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.btn-export-stats:disabled{opacity:.6;cursor:not-allowed}.stats-charts-grid{grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:2rem;box-shadow:0 4px 20px #00000014}.chart-card-full{grid-column:1/-1}.chart-title{color:#1e293b;align-items:center;gap:.75rem;margin:0;font-size:1.25rem;font-weight:700;display:flex}.chart-title svg{color:#095e84}.chart-header-with-filters{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.chart-filters{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.chart-filter-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;display:flex}.chart-filter-checkbox input[type=checkbox]{cursor:pointer;accent-color:#095e84;width:18px;height:18px}.filter-label{cursor:pointer;font-size:.875rem;font-weight:600}.chart-explanation{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-left:4px solid #095e84;border-radius:12px;margin-top:1.5rem;padding:1.25rem}.chart-explanation p{color:#475569;margin:0;font-size:.9rem;line-height:1.7}.chart-explanation strong{color:#1e293b;font-weight:700}.frequent-problems-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:2rem;box-shadow:0 4px 20px #00000014}.problems-list{flex-direction:column;gap:1rem;display:flex}.problem-item{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:1.25rem;transition:all .3s;display:flex}.problem-item:hover{border-color:#095e84;transform:translate(4px)}.problem-info{flex:1;align-items:center;gap:1rem;display:flex}.problem-rank{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:700;display:flex}.problem-details{flex-direction:column;gap:.25rem;display:flex}.problem-details strong{color:#1e293b;font-size:1rem}.problem-details span{color:#64748b;font-size:.875rem}.problem-badge{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-radius:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:700}.loading-state-stats,.empty-state-stats{text-align:center;color:#64748b;padding:5rem 2rem}.empty-state-stats svg{color:#cbd5e1;margin-bottom:1.5rem}.empty-state-stats h3{color:#1e293b;margin-bottom:.5rem;font-size:1.5rem}@media (max-width:1024px){.stats-page{padding:1rem}.stats-charts-grid{grid-template-columns:1fr}}@media (max-width:768px){.stats-header-content{flex-direction:column;align-items:stretch}.stats-export-buttons{width:100%}.btn-export-stats{flex:1;justify-content:center}.stats-overview-grid{grid-template-columns:1fr}.problem-item{flex-direction:column;align-items:flex-start;gap:1rem}}.admin-activity-log{max-width:1600px;min-height:100vh;margin:0;padding:2rem}.activity-header{background:#fff;border:1px solid #e2e8f0;border-radius:20px;margin-bottom:2rem;padding:2rem;box-shadow:0 4px 20px #00000014}.activity-header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;width:100%;display:flex}.activity-header-title{flex:1;align-items:center;gap:1.25rem;display:flex}.activity-icon-large{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex;box-shadow:0 8px 24px #095e844d}.activity-title-with-icon{color:#1e293b;margin:0 0 .5rem;font-size:2rem;font-weight:800}.activity-subtitle-with-icon{color:#64748b;align-items:center;gap:.5rem;margin:0;font-size:.95rem;display:flex}.activity-header-actions{align-items:center;gap:1rem;display:flex}.page-size-wrapper{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.page-size-wrapper label{color:#475569;font-size:.85rem;font-weight:600}.page-size-wrapper select{color:#1e293b;background:#fff;border:2px solid #e2e8f0;border-radius:8px;outline:none;padding:.35rem .6rem;font-weight:600;transition:all .2s}.page-size-wrapper select:focus{border-color:#095e84;box-shadow:0 0 0 3px #095e841a}.filter-toggle-btn,.refresh-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:flex}.filter-toggle-btn:hover,.refresh-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #095e844d}.purge-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:700;transition:all .3s;display:flex}.purge-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef444459}.stats-grid-new{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card-new{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000014}.stat-card-new:before{content:"";background:var(--card-color,#095e84);transform-origin:0;height:4px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.stat-card-new:hover:before{transform:scaleX(1)}.stat-card-new:hover{border-color:var(--card-color,#095e84);box-shadow:0 12px 40px #00000026}.stat-card-header-new{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.stat-icon-wrapper-new{color:#fff;background:var(--card-color,#095e84);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000026}.stat-icon-wrapper-new:after{content:"";opacity:0;background:radial-gradient(circle,#ffffff4d 0%,#0000 70%);width:200%;height:200%;transition:opacity .3s;position:absolute;top:-50%;left:-50%}.stat-card-new:hover .stat-icon-wrapper-new:after{opacity:1}.stat-card-body-new{flex:1;margin-bottom:1rem}.stat-number-new{color:#1e293b;margin-bottom:.5rem;font-size:2.5rem;font-weight:800;line-height:1}.stat-label-new{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:.95rem;font-weight:600}.stat-card-footer-new{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.stat-trend-new{color:#64748b;font-size:.875rem;font-weight:500}.stat-card-login{--card-color:#095e84}.stat-card-ticket{--card-color:#3b82f6}.stat-card-faq{--card-color:#8b5cf6}.stat-card-user{--card-color:#f59e0b}.activity-filters{background:#fff;border-radius:12px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 2px 8px #00000014}.filters-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.filter-group{flex-direction:column;gap:.5rem;display:flex}.filter-group label{color:#475569;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.filter-group select,.filter-group input{border:2px solid #e2e8f0;border-radius:8px;padding:.75rem;font-size:.95rem;transition:all .3s}.filter-group select:focus,.filter-group input:focus{border-color:#095e84;outline:none;box-shadow:0 0 0 3px #095e841a}.filters-actions{justify-content:flex-end;gap:1rem;display:flex}.apply-filters-btn,.reset-filters-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:flex}.apply-filters-btn{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%)}.apply-filters-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #095e844d}.reset-filters-btn{color:#475569;background:#f1f5f9}.reset-filters-btn:hover{background:#e2e8f0}.activity-list-container{background:#fff;border-radius:12px;max-height:70vh;padding:1.5rem;overflow:auto;box-shadow:0 2px 8px #00000014}.activity-list-container::-webkit-scrollbar{width:10px}.activity-list-container::-webkit-scrollbar-track{background:#e2e8f0;border-radius:8px}.activity-list-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-radius:8px}.activity-list-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#0a7ba8 0%,#095e84 100%)}.loading-state,.empty-state{color:#64748b;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.loading-state .spinning{animation:1s linear infinite spin}.activity-list{flex-direction:column;gap:1rem;display:flex}.activity-item{background:#f8fafc;border-left:4px solid #095e84;border-radius:10px;gap:1rem;padding:1.25rem;transition:all .3s;display:flex}.activity-item:hover{background:#f1f5f9;transform:translate(4px)}.activity-icon{flex-shrink:0}.action-icon,.action-icon.login{color:#095e84}.action-icon.logout{color:#ef4444}.action-icon.ticket{color:#3b82f6}.action-icon.faq{color:#8b5cf6}.action-icon.user{color:#f59e0b}.activity-content{flex-direction:column;flex:1;gap:.75rem;display:flex}.activity-header-item{justify-content:space-between;align-items:center;display:flex}.activity-action{color:#1e293b;font-size:1rem;font-weight:700}.activity-date{color:#64748b;font-size:.875rem}.activity-details{flex-direction:column;gap:.5rem;display:flex}.activity-user{color:#475569;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.user-role{color:#64748b;font-size:.85rem;font-weight:500}.activity-description{color:#64748b;font-size:.9rem;font-style:italic}.activity-entity{align-items:center;gap:.5rem;font-size:.85rem;display:flex}.entity-type{color:#0284c7;text-transform:capitalize;background:#e0f2fe;border-radius:6px;padding:.25rem .75rem;font-weight:600}.entity-id{color:#64748b;font-weight:600}.pagination{background:#f8fafc;border-bottom:2px solid #e2e8f0;border-radius:12px 12px 0 0;justify-content:center;align-items:center;gap:1rem;padding:1.5rem;display:flex}.pagination-top{border-top:none;border-bottom:2px solid #e2e8f0;border-radius:12px 12px 0 0;margin-top:0;margin-bottom:1.5rem}.pagination-bottom{border-top:2px solid #e2e8f0;border-bottom:none;border-radius:0 0 12px 12px;margin-top:2rem;padding-top:2rem}.pagination-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.pagination-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #095e844d}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:#64748b;font-weight:500}@media (max-width:768px){.admin-activity-log{padding:1rem}.activity-header{flex-direction:column;align-items:flex-start;gap:1rem}.activity-stats-cards,.filters-grid{grid-template-columns:1fr}.activity-item{flex-direction:column}.activity-header-item{flex-direction:column;align-items:flex-start;gap:.5rem}}.admin-content-management{text-align:left;max-width:1600px;min-height:100vh;margin:0;padding:2rem}.content-header{background:#fff;border:1px solid #e2e8f0;border-radius:20px;margin-bottom:2rem;padding:2rem;box-shadow:0 4px 20px #00000014}.content-header-title{align-items:center;gap:1.25rem;display:flex}.content-icon-large{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex;box-shadow:0 8px 24px #095e844d}.content-title-with-icon{color:#1e293b;margin:0 0 .5rem;font-size:2rem;font-weight:800}.content-subtitle-with-icon{color:#64748b;align-items:center;gap:.5rem;margin:0;font-size:.95rem;display:flex}.subtitle-icon{color:#095e84}.content-tabs{background:#fff;border-radius:12px;gap:1rem;margin-bottom:2rem;padding:1rem;display:flex;box-shadow:0 2px 8px #00000014}.content-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:flex}.content-tab:hover:not(:disabled){color:#1e293b;background:#f1f5f9}.content-tab.active{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%)}.content-tab:disabled{opacity:.5;cursor:not-allowed}.content-tab-content{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 2px 8px #00000014}.content-section{width:100%}.section-header{border-bottom:2px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.section-title-with-icon{color:#1e293b;align-items:center;gap:.6rem;margin:0;font-size:1.5rem;font-weight:700;display:flex}.section-title-with-icon svg{color:#095e84}.section-header h2{color:#1e293b;margin:0;font-size:1.5rem;font-weight:700}.btn-back{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;margin-top:.5rem;padding:.5rem 1rem;font-size:.875rem;transition:all .3s}.btn-back:hover{background:#e2e8f0}.btn-add{color:#fff;cursor:pointer;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:flex}.btn-add:hover{transform:translateY(-2px);box-shadow:0 4px 12px #095e844d}.items-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.item-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .3s}.item-card:hover{border-color:#095e84;box-shadow:0 4px 12px #095e8426}.item-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.item-header h3{color:#1e293b;flex:1;margin:0;font-size:1.125rem;font-weight:700}.item-actions{gap:.5rem;display:flex}.item-actions button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;padding:.5rem;transition:all .3s;display:flex}.item-actions button svg{stroke-width:2px;width:16px;height:16px}.item-actions button:hover{color:#095e84;background:#f1f5f9;border-color:#095e84}.item-actions button:hover svg{color:#095e84}.item-description{color:#64748b;margin:0 0 1rem;font-size:.9rem;line-height:1.5}.item-meta{color:#64748b;justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.tutoriel-files{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.file-indicator{color:#166534;background:#dcfce7;border-radius:6px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:flex}.file-indicator svg{color:#095e84}.no-files{color:#94a3b8;font-size:.75rem;font-style:italic}.status-published{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-radius:6px;padding:.25rem .75rem;font-family:Titillium Web,sans-serif;font-size:.75rem;font-weight:600}.status-draft{color:#92400e;background:#fef3c7;border-radius:6px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.modal-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal-content{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.modal-content-large{max-width:800px}.modal-header{border-bottom:2px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-header h3{color:#1e293b;align-items:center;margin:0;font-family:Titillium Web,sans-serif;font-size:1.25rem;font-weight:700;display:flex}.modal-header button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.5rem;transition:all .3s}.modal-header button:hover{color:#1e293b;background:#f1f5f9}.modal-body{padding:1.5rem}.modal-footer{border-top:2px solid #e2e8f0;justify-content:flex-end;gap:1rem;padding:1.5rem;display:flex}.form-group{margin-bottom:1.5rem}.form-group label{color:#095e84;align-items:center;margin-bottom:.5rem;font-family:Titillium Web,sans-serif;font-size:.9rem;font-weight:600;display:flex}.form-group label svg{color:#095e84;margin-right:.5rem}.form-group input[type=text],.form-group input[type=number],.form-group input[type=color],.form-group textarea,.form-group input[type=file]{border:2px solid #e2e8f0;border-radius:8px;width:100%;padding:.75rem;font-family:Titillium Web,sans-serif;font-size:.95rem;transition:all .3s}.form-input-styled{background:#fff;border:2px solid #e2e8f0;border-radius:10px;width:100%;padding:.875rem 1rem;font-family:Titillium Web,sans-serif;font-size:.95rem;transition:all .3s}.form-input-styled:focus{border-color:#095e84;outline:none;box-shadow:0 0 0 4px #095e841a}.form-group input:focus,.form-group textarea:focus{border-color:#095e84;outline:none;box-shadow:0 0 0 3px #095e841a}.form-group input[type=checkbox]{width:auto;margin-right:.5rem}.checkbox-label-styled{cursor:pointer;color:#095e84;align-items:center;font-family:Titillium Web,sans-serif;font-weight:600;display:flex}.checkbox-styled{cursor:pointer;accent-color:#095e84;width:18px;height:18px;margin-right:.5rem}.form-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.file-upload-area{text-align:center;cursor:pointer;background:#f8fafc;border:2px dashed #095e84;border-radius:10px;padding:2rem;transition:all .3s}.file-upload-area:hover{background:#f0f9ff;border-color:#0a7ba8}.file-input-hidden{display:none}.file-upload-label{cursor:pointer;color:#095e84;flex-direction:column;align-items:center;gap:.5rem;font-family:Titillium Web,sans-serif;font-weight:600;display:flex}.file-upload-label svg{color:#095e84}.file-selected{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-radius:8px;align-items:center;gap:.5rem;margin-top:.5rem;padding:.75rem 1rem;font-family:Titillium Web,sans-serif;font-size:.875rem;font-weight:600;display:flex}.file-selected svg{color:#fff}.btn-cancel{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s}.btn-cancel:hover{background:#e2e8f0}.btn-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .3s;display:flex}.btn-save:hover{transform:translateY(-2px);box-shadow:0 4px 12px #095e844d}.btn-delete-confirm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:Titillium Web,sans-serif;font-weight:600;transition:all .3s;display:flex}.btn-delete-confirm:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.btn-delete-confirm svg{color:#fff;stroke:#fff}@media (max-width:768px){.admin-content-management{padding:1rem}.items-grid,.form-row{grid-template-columns:1fr}.modal-content{max-width:100%}}.chat-modal-overlay{-webkit-backdrop-filter:blur(4px);background:#00000080;z-index:10000!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0!important;display:flex!important;position:fixed!important;inset:0!important}.support-chat-modal{z-index:10001;background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;width:500px;max-width:90vw;height:700px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d;margin:0!important;position:relative!important}.support-chat-header{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.chat-header-content{align-items:center;gap:.75rem;display:flex}.chat-header-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-header-icon svg{stroke-width:2px;width:24px;height:24px}.chat-header-text{flex-direction:column;gap:.25rem;display:flex}.chat-header-text svg{stroke-width:2px;width:14px;height:14px}.chat-header-content h3{margin:0;font-size:1.125rem;font-weight:700}.chat-header-content p{opacity:.9;align-items:center;gap:.375rem;margin:0;font-size:.8125rem;display:flex}.online-users-toggle{color:#fff;opacity:.9;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.8125rem;transition:all .2s;display:flex}.online-users-toggle:hover{opacity:1;background:#ffffff1a}.online-users-list{background:#fff;border-bottom:1px solid #e2e8f0;max-height:200px;padding:.5rem;overflow-y:auto}.online-user-item{border-radius:8px;align-items:center;gap:.75rem;padding:.5rem;transition:background .2s;display:flex}.online-user-item:hover{background:#f8fafc}.online-user-avatar{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:600;display:flex}.online-user-name{color:#1e293b;flex:1;font-size:.9375rem;font-weight:500}.online-indicator{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-green;box-shadow:0 0 0 2px #10b98133}@keyframes pulse-green{0%,to{box-shadow:0 0 0 2px #10b98133}50%{box-shadow:0 0 0 4px #10b9811a}}.chat-close-btn{color:#fff;cursor:pointer;background:#ffffff40;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.chat-close-btn svg{stroke-width:2.5px;stroke:#fff;width:22px;height:22px}.chat-close-btn:hover{background:#fff6;transform:rotate(90deg)scale(1.1)}.support-chat-messages{background:linear-gradient(#f8fafc 0%,#fff 100%);flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex;overflow-y:auto}.support-chat-messages::-webkit-scrollbar{width:6px}.support-chat-messages::-webkit-scrollbar-track{background:0 0}.support-chat-messages::-webkit-scrollbar-thumb{background:linear-gradient(#095e84 0%,#0a7ba8 100%);border-radius:3px}.chat-empty-state{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.chat-empty-state svg{opacity:.5;margin-bottom:1rem}.chat-empty-state p{color:#64748b;margin:0 0 .5rem;font-size:1rem;font-weight:600}.chat-empty-state small{color:#94a3b8;font-size:.875rem}.chat-message{flex-direction:column;max-width:85%;animation:.3s ease-out slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message.own-message{align-self:flex-end}.chat-message.other-message{align-self:flex-start}.message-header{align-items:center;gap:.5rem;margin-bottom:.375rem;display:flex}.message-author{font-size:.8125rem;font-weight:700}.message-role{color:#095e84;background:#095e841a;border-radius:8px;padding:.125rem .5rem;font-size:.6875rem;font-weight:600}.message-content{color:#fff;word-wrap:break-word;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-radius:16px;padding:.875rem 1rem;font-size:.9375rem;line-height:1.5;box-shadow:0 2px 8px #095e8433}.chat-message.other-message .message-content{color:#1e293b;background:#f8fafc;border:2px solid #e2e8f0;box-shadow:0 2px 8px #0000000d}.message-time{color:#94a3b8;align-self:flex-end;margin-top:.25rem;font-size:.6875rem}.typing-indicator{background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;align-items:center;gap:.5rem;max-width:150px;padding:.75rem 1rem;animation:.3s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.typing-dots{gap:.25rem;display:flex}.typing-dots span{background:#095e84;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite bounce}.typing-dots span:first-child{animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.typing-indicator span{color:#64748b;font-size:.8125rem;font-style:italic}.support-chat-input{background:#fff;border-top:2px solid #e2e8f0;flex-shrink:0;position:relative}.emoji-picker-wrapper{z-index:10;position:absolute;bottom:100%;left:0;right:0;box-shadow:0 -4px 12px #0000001a}.input-wrapper{align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.emoji-btn{color:#095e84;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:all .3s;display:flex}.emoji-btn svg{stroke:#095e84;stroke-width:2.5px;width:22px;height:22px}.emoji-btn:hover{background:#095e84;border-color:#095e84;transform:scale(1.1)}.emoji-btn:hover svg{stroke:#fff}.input-wrapper input{color:#1e293b;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;outline:none;flex:1;padding:.75rem 1rem;font-size:.9375rem;transition:all .3s}.input-wrapper input:focus{background:#fff;border-color:#095e84}.input-wrapper input:disabled{opacity:.5;cursor:not-allowed}.send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:all .3s;display:flex}.send-btn svg{stroke:#fff;stroke-width:2.5px;width:20px;height:20px}.send-btn:hover:not(:disabled){transform:scale(1.1);box-shadow:0 6px 16px #095e8466}.send-btn:disabled{opacity:.5;cursor:not-allowed}.connection-status{color:#9a3412;text-align:center;background:#fff7ed;border-top:1px solid #fed7aa;padding:.5rem 1.25rem;font-size:.8125rem}@media (max-width:768px){.support-chat-window{border:none;border-radius:0;width:100%;height:100%;bottom:0;right:0}.support-chat-button{width:56px;height:56px;bottom:10px!important;right:1.5rem!important}.support-chat-button svg{width:24px;height:24px}}.admin-layout{min-height:100vh;display:flex;position:relative}.admin-layout:before{content:"";z-index:0;pointer-events:none;background-image:url(/assets/images/logos/background.jpg);background-position:50%;background-size:cover;width:100%;height:100%;position:fixed;top:0;left:0}.admin-layout:after{content:"";z-index:1;pointer-events:none;background:#fffffff5;width:100%;height:100%;position:fixed;top:0;left:0}.admin-layout>*{z-index:2;position:relative}.admin-sidebar-layout{color:#fff;z-index:100;background:linear-gradient(#095e84 0%,#0a7ba8 100%);border-right:1px solid #fff3;flex-direction:column;width:300px;height:100vh;padding-bottom:1rem;display:flex;position:fixed;top:0;left:0;overflow-y:auto;box-shadow:8px 0 32px #095e844d}.sidebar-header-layout{text-align:center;background:#ffffff08;border-bottom:1px solid #ffffff1a;flex-shrink:0;padding:1.5rem 2rem}.sidebar-logo-layout{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#fff3;border:2px solid #ffffff4d;border-radius:18px;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 1.25rem;transition:all .3s;display:flex;box-shadow:0 8px 24px #0003}.sidebar-logo-layout:hover{background:#ffffff4d;transform:scale(1.05)rotate(5deg);box-shadow:0 12px 32px #0000004d}.sidebar-header-layout h2{background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem;font-weight:800}.sidebar-nav-layout{flex-direction:column;flex:1;gap:.5rem;min-height:0;padding:1.5rem 1rem;display:flex;overflow-y:auto}.nav-item-layout{color:#ffffffbf;cursor:pointer;text-align:left;background:0 0;border:2px solid #0000;border-radius:14px;align-items:center;gap:1rem;width:100%;padding:1.125rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.nav-item-layout:before{content:"";background:#fff;width:4px;transition:transform .3s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.nav-item-layout:hover{color:#fff;background:#ffffff26;border-color:#fff3;transform:translate(4px)}.nav-item-layout:hover:before{transform:scaleY(1)}.nav-item-layout.active{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff40;border-color:#ffffff4d;box-shadow:0 6px 20px #0003}.nav-item-layout.active:before{background:#fff;transform:scaleY(1)}.sidebar-footer-layout{border-top:1px solid #ffffff1a;flex-direction:column;gap:1rem;margin-top:auto;padding:1rem 1.5rem 1.5rem;display:flex}.back-to-user-link-layout{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.25rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.back-to-user-link-layout:hover{color:#fff;background:#ffffff40;border-color:#fff6;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.sidebar-footer-layout .user-info-layout{flex:1;align-items:center;gap:.75rem;display:flex}.sidebar-footer-layout .logout-btn-layout{align-self:flex-end}.user-info-layout{flex:1;align-items:center;gap:.75rem;display:flex}.user-avatar-layout{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.125rem;font-weight:700;display:flex}.user-details-layout{flex:1;min-width:0}.user-name-layout{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.875rem;font-weight:600;overflow:hidden}.user-role-layout{color:#fff9;text-transform:capitalize;margin:0;font-size:.75rem}.logout-btn-layout{color:#fff;cursor:pointer;background:#ffffff26;border:2px solid #ffffff4d;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .3s;display:flex}.logout-btn-layout:hover{color:#fff;background:#dc2626;border-color:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #dc26264d}.admin-main-layout{flex:1;min-height:100vh;margin-left:300px}@media (max-width:1024px){.admin-sidebar-layout{width:260px}.admin-main-layout{margin-left:260px}}@media (max-width:768px){.admin-sidebar-layout{transition:transform .3s;transform:translate(-100%)}.admin-sidebar-layout.open{transform:translate(0)}.admin-main-layout{margin-left:0}}.user-sidebar{-webkit-backdrop-filter:blur(10px);z-index:99;background:#fffffff2;border:2px solid #095e84;border-radius:16px;flex-direction:column;width:60px;padding:1rem .5rem;display:flex;position:fixed;bottom:20px;left:20px;overflow:hidden;box-shadow:0 8px 24px #095e8433}.user-sidebar-content{flex-direction:column;width:100%;display:flex}.user-sidebar-buttons{flex-direction:column;gap:.75rem;width:100%;display:flex}.user-sidebar-btn{color:#475569;cursor:pointer;aspect-ratio:1;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:100%;padding:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.user-sidebar-btn:before{content:"";z-index:0;background:#095e841a;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.user-sidebar-btn:hover:before{width:200px;height:200px}.user-sidebar-btn:hover{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-color:#095e84;transform:translateY(-2px);box-shadow:0 4px 12px #095e844d}.user-sidebar-btn svg{z-index:1;color:#095e84;flex-shrink:0;transition:all .3s;position:relative}.user-sidebar-btn:hover svg{color:#fff;transform:scale(1.15)rotate(5deg)}.user-sidebar-btn-home:hover{background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%)}.user-sidebar-btn-logout:hover{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-color:#ef4444}.user-sidebar-btn-logout svg{color:#ef4444}.user-sidebar-btn-logout:hover svg,.user-sidebar-btn-logout:hover span{color:#fff}.user-sidebar-btn-search{color:#475569;cursor:pointer;aspect-ratio:1;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:100%;padding:.875rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.user-sidebar-btn-search:before{content:"";z-index:0;background:#095e841a;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.user-sidebar-btn-search:hover:before{width:200px;height:200px}.user-sidebar-btn-search:hover{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-color:#095e84;transform:translateY(-2px);box-shadow:0 4px 12px #095e844d}.user-sidebar-btn-search svg{z-index:1;color:#095e84;stroke-width:2px;flex-shrink:0;transition:all .3s;position:relative}.user-sidebar-btn-search:hover svg{color:#fff;transform:scale(1.15)rotate(5deg)}@media (max-width:768px){.user-sidebar{width:65px;padding:.875rem .375rem;bottom:15px;left:15px}.user-sidebar-btn{min-height:65px;padding:.875rem .375rem;font-size:.65rem}.user-sidebar-btn svg,.user-sidebar-btn-search svg{width:18px;height:18px}}@media (max-width:480px){.user-sidebar{width:60px;padding:.75rem .25rem;bottom:10px;left:10px}.user-sidebar-btn{gap:.375rem;min-height:60px;padding:.75rem .25rem;font-size:.6rem}.user-sidebar-btn svg,.user-sidebar-btn-search svg{width:16px;height:16px}.user-sidebar-btn span{font-size:.55rem}}.user-layout{width:100%;min-height:100vh;display:flex;position:relative}.user-main-content{flex:1;width:100%;min-width:0;transition:margin-left .3s}.user-main-content.with-sidebar{width:100%;margin-left:0}@media (max-width:768px){.user-main-content.with-sidebar{width:100%;margin-left:0}}.chatbot-button-container{z-index:10000;pointer-events:auto;visibility:visible;opacity:1;position:fixed;bottom:80px;right:30px}.chatbot-toggle-btn{cursor:pointer;background:#fff;border:3px solid #095e84;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;padding:8px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #095e844d}.chatbot-toggle-btn:hover{border-color:#0a7ba8;transform:translateY(-2px);box-shadow:0 12px 32px #095e8466}.chatbot-logo-img{object-fit:contain;border-radius:50%;width:100%;height:100%}.chatbot-window{z-index:10001;background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;width:400px;height:600px;max-height:calc(100vh - 100px);display:flex;position:fixed;bottom:80px;right:30px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.chatbot-header{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.chatbot-header-content{align-items:center;gap:.75rem;display:flex}.chatbot-avatar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;display:flex}.chatbot-header-text h3{margin:0;font-size:1.1rem;font-weight:700}.chatbot-header-text p{opacity:.9;margin:0;font-size:.75rem}.chatbot-close-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.chatbot-close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.chatbot-close-btn:active{transform:scale(.95)}.chatbot-close-btn svg{stroke-width:2.5px;width:20px;height:20px}.chatbot-messages{background:#f8fafc;flex-direction:column;flex:1;gap:1rem;padding:1.5rem;display:flex;overflow-y:auto}.chatbot-messages::-webkit-scrollbar{width:8px}.chatbot-messages::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.chatbot-messages::-webkit-scrollbar-thumb{background:linear-gradient(#095e84 0%,#0a7ba8 100%);border:2px solid #f1f5f9;border-radius:4px}.chatbot-messages::-webkit-scrollbar-thumb:hover{background:linear-gradient(#0a7ba8 0%,#095e84 100%)}.chatbot-messages{scrollbar-width:thin;scrollbar-color:#095e84 #f1f5f9}.greeting-animation{justify-content:center;align-items:center;padding:2rem 0;display:flex}.bot-head-animated{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex;box-shadow:0 8px 24px #095e844d}.chatbot-message{border-radius:12px;max-width:75%;padding:.75rem 1rem;position:relative}.chatbot-message.user{color:#fff;background:linear-gradient(135deg,#095e84 0%,#0a7ba8 100%);border-bottom-right-radius:4px;align-self:flex-end}.chatbot-message.bot{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:4px;align-self:flex-start;box-shadow:0 2px 8px #0000000d}.chatbot-message p{margin:0;font-size:.9rem;line-height:1.5}.message-time{opacity:.7;margin-top:.25rem;font-size:.7rem;display:block}.pre-questions-container{border-top:1px solid #e2e8f0;margin-top:1rem;padding-top:1rem}.pre-questions-title{color:#64748b;margin-bottom:.75rem;font-size:.8rem;font-weight:600}.pre-questions-list{flex-direction:column;gap:.5rem;display:flex}.pre-question-btn{text-align:left;color:#1e293b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.625rem .875rem;font-size:.85rem;transition:all .3s;box-shadow:0 1px 3px #0000000d}.pre-question-btn:hover{color:#095e84;background:#f1f5f9;border-color:#095e84;transform:translate(4px)}.chatbot-input-container{background:#fff;border-top:1px solid #e2e8f0;padding:1rem}.chatbot-input-disabled{opacity:.6;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:.75rem;padding:.75rem;display:flex}.chatbot-input{color:#64748b;background:0 0;border:none;outline:none;flex:1;font-size:.9rem}.chatbot-input::placeholder{color:#94a3b8}.chatbot-send-btn{color:#64748b;cursor:not-allowed;opacity:.5;background:#cbd5e1;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.development-message{color:#f59e0b;text-align:center;margin-top:.5rem;font-size:.7rem;font-weight:500}@media (max-width:1024px){.chatbot-window{width:380px;height:550px;bottom:75px}.chatbot-button-container{bottom:75px;right:25px}}@media (max-width:768px){.chatbot-window{border-radius:16px;width:calc(100vw - 30px);height:calc(100vh - 100px);max-height:calc(100vh - 100px);bottom:70px;left:15px;right:15px}.chatbot-button-container{bottom:70px;right:15px}.chatbot-toggle-btn{width:60px;height:60px}.chatbot-header{padding:1rem}.chatbot-header-text h3{font-size:1rem}.chatbot-header-text p{font-size:.7rem}.chatbot-messages{padding:1rem}.chatbot-message{max-width:85%;padding:.75rem 1rem}.chatbot-message p{font-size:.875rem}.chatbot-input-container{padding:1rem}}@media (max-width:480px){.chatbot-window{width:calc(100vw - 20px);height:calc(100vh - 80px);max-height:calc(100vh - 80px);bottom:65px;left:10px;right:10px}.chatbot-button-container{bottom:65px;right:10px}.chatbot-toggle-btn{width:56px;height:56px}.chatbot-header{padding:.875rem}.chatbot-avatar{width:40px;height:40px}.chatbot-avatar svg{width:20px;height:20px}.chatbot-messages{padding:.875rem}.chatbot-message{max-width:90%;padding:.625rem .875rem}}:root{--primary-50:#e6f2f7;--primary-100:#d0e8f0;--primary-200:#b3d8e2;--primary-300:#8ac0cf;--primary-400:#5fa6bb;--primary-500:#0b6f92;--primary-600:#095e84;--primary-700:#074f70;--primary-800:#063f5a;--primary-900:#043044;--secondary-50:#f6f8fb;--secondary-100:#edf1f5;--secondary-200:#dfe5ec;--secondary-300:#c7d2dd;--secondary-400:#9facbc;--secondary-500:#7c8b9b;--secondary-600:#5f6f80;--secondary-700:#465566;--secondary-800:#323d4c;--secondary-900:#1f2834;--accent-50:#fff7e9;--accent-100:#ffeacd;--accent-500:#f0b45b;--accent-600:#d9983f;--success-50:#eef9f3;--success-500:#2f9f6a;--success-600:#238458;--error-50:#fdeeee;--error-500:#e45a5a;--error-600:#cc4646;--warning-50:#fff7eb;--warning-500:#e8a23a;--warning-600:#cc8525;--info-50:#e8f3fb;--info-500:#0b6f92;--info-600:#095e84;--gradient-primary:linear-gradient(135deg,#0b6f92 0%,#095e84 100%);--gradient-secondary:linear-gradient(135deg,#7c8b9b 0%,#5f6f80 100%);--gradient-success:linear-gradient(135deg,#2f9f6a 0%,#238458 100%);--gradient-warm:linear-gradient(135deg,#f0b45b 0%,#d9983f 100%);--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--font-sans:"Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif;--font-mono:"Fira Code","Courier New",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);color:var(--secondary-900);background:var(--secondary-50);line-height:1.6}::selection{background:var(--primary-200);color:var(--primary-900)}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing-xs)}.gap-2{gap:var(--spacing-sm)}.gap-3{gap:var(--spacing-md)}.gap-4{gap:var(--spacing-lg)}.gap-6{gap:var(--spacing-xl)}.p-0{padding:0}.p-6{padding:var(--spacing-xl)}.p-8{padding:var(--spacing-2xl)}.px-2{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-3{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-4{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.px-6{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.py-2{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-3{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-4{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.m-0{margin:0}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.mt-6{margin-top:var(--spacing-xl)}.mb-6{margin-bottom:var(--spacing-xl)}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--primary-600)}.text-secondary{color:var(--secondary-600)}.text-success{color:var(--success-600)}.text-error{color:var(--error-600)}.text-warning{color:var(--warning-600)}.text-muted{color:var(--secondary-500)}.bg-white{background-color:#fff}.bg-primary{background-color:var(--primary-600)}.bg-secondary{background-color:var(--secondary-100)}.bg-success{background-color:var(--success-50)}.bg-error{background-color:var(--error-50)}.bg-warning{background-color:var(--warning-50)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.border{border:1px solid var(--secondary-200)}.border-primary{border-color:var(--primary-500)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.transition{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:shadow-lg:hover{box-shadow:var(--shadow-lg)}.hover\:bg-primary-700:hover{background-color:var(--primary-700)}:root{--primary-color:#06c;--primary-light:#39f;--primary-dark:#004c99;--secondary-color:#fff;--accent-color:#0af;--gradient-primary:linear-gradient(135deg,#06c 0%,#09f 100%);--gradient-light:linear-gradient(135deg,#0066cc1a 0%,#0099ff1a 100%);--bg-light:#f8f9fa;--bg-white:#fff;--text-dark:#333;--text-medium:#666;--text-light:#999;--success-color:#28a745;--error-color:#dc3545;--warning-color:#ffc107;--info-color:#17a2b8;--shadow-sm:0 2px 4px #0066cc1a;--shadow-md:0 4px 6px #0066cc26;--shadow-lg:0 10px 25px #06c3;--border-radius:10px;--border-radius-lg:20px;--font-sans:"Titillium Web",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;width:100%;height:100%;margin:0;padding:0;font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f8fb;width:100%;height:100%;margin:0;padding:0;font-family:Trebuchet MS,Lucida Grande,Lucida Sans Unicode,Lucida Sans,Tahoma,sans-serif;position:relative;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;margin:0;padding:0;display:flex;position:relative;overflow-x:hidden}.spinner{border:4px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#0b6f92 0%,#095e84 100%);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#095e84 0%,#0b6f92 100%)}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}