*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scrollbar-color:#0000 #0000;scrollbar-gutter:stable;scrollbar-width:thin}html::-webkit-scrollbar{width:8px}html::-webkit-scrollbar-track{background:#0000}html::-webkit-scrollbar-thumb{background:#0000;border-radius:4px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-color);color:var(--text-primary);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden;transition:background-color var(--transition-base),color var(--transition-base)}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:linear-gradient(180deg,#667eea0d,#667eea05);border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary-color),var(--secondary-color));border:2px solid var(--bg-color);border-radius:10px;box-shadow:0 2px 8px #667eea40;-webkit-transition:all var(--transition-base);transition:all var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#06c,#667eea);box-shadow:0 4px 12px #667eea66}body.no-scroll{-webkit-overflow-scrolling:none;overflow:hidden!important;overscroll-behavior:none;position:relative;touch-action:none}:root{--primary-gradient:linear-gradient(135deg,#06c,#00d9ff);--secondary-gradient:linear-gradient(135deg,#9d4edd,#ff006e);--accent-gradient:linear-gradient(135deg,#00d9ff,#09f);--success-gradient:linear-gradient(135deg,#00a86b,#00d98e);--warning-gradient:linear-gradient(135deg,orange,#ffb84d);--danger-gradient:linear-gradient(135deg,#ff006e,#f33);--primary-color:#06c;--secondary-color:#9d4edd;--accent-color:#00d9ff;--success-color:#00a86b;--warning-color:orange;--danger-color:#ff006e;--bg-color:#f8fafc;--bg-secondary:#f0f3f8;--card-bg:#fff;--card-hover-bg:#fafbfd;--text-primary:#0f172a;--text-secondary:#64748b;--text-tertiary:#94a3b8;--border-color:#e2e8f0;--border-light:#f1f5f9;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 2px 6px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 24px #0000001f;--shadow-xl:0 12px 40px #00000026;--glass-bg:#ffffffb3;--glass-blur:blur(10px);--glass-border:#ffffff4d;--spacing-xs:clamp(0.25rem,0.5vw,0.5rem);--spacing-sm:clamp(0.5rem,1vw,1rem);--spacing-md:clamp(1rem,2vw,1.5rem);--spacing-lg:clamp(1.5rem,3vw,2rem);--spacing-xl:clamp(2rem,4vw,3rem);--radius-sm:clamp(4px,1vw,8px);--radius-md:clamp(8px,1.5vw,12px);--radius-lg:clamp(12px,2vw,16px);--radius-xl:clamp(16px,2.5vw,24px);--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1)}body.dark-mode{--primary-gradient:linear-gradient(135deg,#4a9eff,#00d9ff);--secondary-gradient:linear-gradient(135deg,#b366ff,#f39);--accent-gradient:linear-gradient(135deg,#00d9ff,#0af);--success-gradient:linear-gradient(135deg,#00d98e,#00ff9f);--warning-gradient:linear-gradient(135deg,#ffb84d,#ffd966);--danger-gradient:linear-gradient(135deg,#f39,#f66);--primary-color:#4a9eff;--secondary-color:#b366ff;--accent-color:#00d9ff;--success-color:#00d98e;--warning-color:#ffb84d;--danger-color:#f39;--bg-color:#0f172a;--bg-secondary:#1a2847;--card-bg:#1e293b;--card-hover-bg:#293548;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--border-color:#334155;--border-light:#475569;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 2px 6px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 24px #0009;--shadow-xl:0 12px 40px #000000b3;--glass-bg:#1e293bb3;--glass-border:#94a3b81a}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.75)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes slideInTop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInBottom{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1}70%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes popOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.75)}}@keyframes slideOutTop{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}@keyframes slideOutBottom{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(30px)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes lift{0%{box-shadow:var(--shadow-md);transform:translateY(0)}to{box-shadow:var(--shadow-xl);transform:translateY(-8px)}}@keyframes glow{0%{box-shadow:var(--shadow-md)}50%{box-shadow:0 0 20px #00d9ff80,var(--shadow-lg)}to{box-shadow:var(--shadow-md)}}@keyframes scalePulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes rotatePulse{0%{transform:rotate(0deg)}50%{transform:rotate(5deg)}to{transform:rotate(0deg)}}@keyframes flip3D{0%{transform:perspective(1000px) rotateY(0deg)}to{transform:perspective(1000px) rotateY(180deg)}}@keyframes tilt3D{0%{transform:perspective(1000px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(1000px) rotateX(5deg) rotateY(5deg)}to{transform:perspective(1000px) rotateX(0deg) rotateY(0deg)}}@keyframes depth3D{0%{filter:blur(0);transform:perspective(1000px) translateZ(0)}to{filter:blur(0);transform:perspective(1000px) translateZ(50px)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes rainbowGlow{0%{filter:drop-shadow(0 0 5px #ff006e)}25%{filter:drop-shadow(0 0 5px #9d4edd)}50%{filter:drop-shadow(0 0 5px #0066cc)}75%{filter:drop-shadow(0 0 5px #00d9ff)}to{filter:drop-shadow(0 0 5px #ff006e)}}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.animate-pop-in{animation:popIn .4s cubic-bezier(.34,1.56,.64,1)}.animate-slide-in-top{animation:slideInTop .4s cubic-bezier(.4,0,.2,1)}.animate-slide-in-bottom{animation:slideInBottom .4s cubic-bezier(.4,0,.2,1)}.animate-slide-in-left{animation:slideInLeft .4s cubic-bezier(.4,0,.2,1)}.animate-slide-in-right{animation:slideInRight .4s cubic-bezier(.4,0,.2,1)}.animate-fade-in{animation:fadeIn .3s cubic-bezier(.4,0,.2,1)}.animate-bounce-in{animation:bounceIn .6s cubic-bezier(.34,1.56,.64,1)}.animate-pop-out{animation:popOut .3s cubic-bezier(.4,0,.2,1)}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.close-button,.close-modal,.kb-close{align-items:center;background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;padding:.5rem .75rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.close-button:hover,.close-modal:hover,.kb-close:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:rotate(90deg) scale(1.1)}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.text-center{text-align:center}.flex-column{flex-direction:column}.gap-1{gap:1rem}.gap-2{gap:.5rem}.w-100{width:100%}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:clamp(1rem,2vw,1.5rem)}.form-group label{color:var(--text-primary);display:block;font-size:clamp(.85rem,1.5vw,.95rem);font-weight:600;letter-spacing:.3px}.form-group input,.form-group select,.form-group textarea{background:linear-gradient(135deg,#f8fafccc,#fff9)!important;border:2px solid var(--border-light);border-radius:var(--radius-lg);color:var(--text-primary)!important;font-family:Poppins,sans-serif;font-size:clamp(.85rem,1.5vw,.95rem);letter-spacing:.2px;padding:clamp(.6rem,1.2vw,.875rem) clamp(.75rem,1.5vw,1rem);transition:all var(--transition-base);width:100%}body.dark-mode .form-group input,body.dark-mode .form-group select,body.dark-mode .form-group textarea{background:linear-gradient(135deg,#1e293b99,#19233780)!important;border-color:#6496ff33!important}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:var(--primary-color);box-shadow:0 0 0 3px #0066cc1a}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:linear-gradient(135deg,#fff,#f8fafce6)!important;border-color:var(--primary-color);box-shadow:0 0 0 3px #0066cc26,inset 0 0 8px #0066cc1a;outline:none;transform:translateY(-2px)}body.dark-mode .form-group input:focus,body.dark-mode .form-group select:focus,body.dark-mode .form-group textarea:focus{background:linear-gradient(135deg,#283750cc,#1e293bb3)!important;box-shadow:0 0 0 3px #06c3,inset 0 0 8px #0066cc1a!important}.form-group textarea{min-height:120px;resize:vertical}.form-actions{flex-wrap:wrap;gap:clamp(.75rem,1.5vw,1rem);margin-top:clamp(1.5rem,3vw,2rem)}.btn{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:clamp(.85rem,1.5vw,1rem);font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.3px;overflow:hidden;padding:clamp(.6rem,1.2vw,.9rem) clamp(1.25rem,2vw,1.75rem);position:relative;transition:all var(--transition-base)}@keyframes gradientShift{0%{background-position:0}50%{background-position:100%}to{background-position:0}}.btn:before{background:#0000;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.btn:hover{animation:gradientShift 2s ease infinite;background-size:200% 100%;box-shadow:0 12px 24px #0066cc59,inset 0 0 1px #ffffff1a;transform:scale(1.05) translateY(-3px)}.btn-primary{background:var(--primary-gradient);box-shadow:var(--shadow-md);color:#fff;font-weight:700}.btn-primary:hover{box-shadow:var(--shadow-xl);transform:translateY(-3px)}.btn-primary:active{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;border:2px solid var(--border-color)!important;box-shadow:var(--shadow-sm)!important;color:var(--text-primary)!important;font-weight:600!important}.btn-secondary:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)!important;border-color:var(--primary-color)!important;box-shadow:var(--shadow-md)!important;transform:translateY(-3px)!important}.btn-secondary:active{box-shadow:var(--shadow-sm)!important;transform:translateY(-1px)!important}body.dark-mode .btn-secondary{background:linear-gradient(135deg,#1e293b,#1e293bcc)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}body.dark-mode .btn-secondary:hover{background:linear-gradient(135deg,#2d3c50,#1e293be6)!important;border-color:var(--primary-color)!important}.btn-success{background:var(--success-gradient);box-shadow:var(--shadow-md);color:#fff}.btn-success:hover{box-shadow:var(--shadow-xl);transform:translateY(-3px)}.btn-danger{background:var(--danger-gradient);box-shadow:var(--shadow-md);color:#fff}.btn-danger:hover{box-shadow:var(--shadow-xl);transform:translateY(-3px)}.btn-warning{background:var(--warning-gradient);box-shadow:var(--shadow-md);color:#1a1a1a}.btn-warning:hover{box-shadow:var(--shadow-xl);transform:translateY(-3px)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}body.dark-mode .btn-primary{background:linear-gradient(135deg,#0078d4,#1084d7);box-shadow:0 4px 12px #0078d466}body.dark-mode .btn-primary:hover{box-shadow:0 6px 20px #0078d480}body.dark-mode .btn-secondary{background:linear-gradient(135deg,#2d3139,#1e2329)!important;border:2px solid #404854!important;box-shadow:0 2px 6px #0000004d!important;color:#e4e6eb!important}body.dark-mode .btn-secondary:hover{background:linear-gradient(135deg,#3a3f47,#2d3139)!important;border-color:#4a9eff!important;box-shadow:0 4px 14px #4a9eff33!important;transform:translateY(-2px)!important}.step-header{margin-bottom:2rem;text-align:center}.step-header .step-icon{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;font-size:1.75rem;height:70px;justify-content:center;margin:0 auto 1rem;width:70px}.step-header h4{color:var(--text-primary);font-size:1.35rem;margin:0 0 .5rem}.step-header p{color:var(--text-secondary);font-size:.95rem;margin:0}.option-cards{display:flex;flex-direction:column;gap:1rem}.option-card{align-items:center;background:var(--bg-color);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;font-family:Poppins,sans-serif;gap:1rem;padding:1.25rem;text-align:left;transition:all .3s ease;width:100%}.option-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateX(5px)}.option-icon{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;height:50px;justify-content:center;width:50px}.option-content{flex:1 1}.option-content h4{color:var(--text-primary);font-size:1.05rem;font-weight:600;margin:0 0 .25rem}.option-content p{color:var(--text-secondary);font-size:.85rem;margin:0}.option-arrow{color:var(--text-secondary);font-size:1rem;transition:transform .3s ease}.option-card:hover .option-arrow{color:var(--primary-color);transform:translateX(4px)}.bg-gradient-blue{background:linear-gradient(135deg,#00a4ef,#0078d4)}.bg-gradient-purple{background:linear-gradient(135deg,#667eea,#764ba2)}.bg-gradient-green{background:linear-gradient(135deg,#43e97b,#38f9d7)}.bg-gradient-pink{background:linear-gradient(135deg,#f093fb,#f5576c)}.bg-gradient-orange{background:linear-gradient(135deg,#fa709a,#fee140)}button{border:none;cursor:pointer;font-family:inherit;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1)}button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.btn,.btn-chat,.btn-discovery,.btn-done,.btn-primary,.download-btn,.submit-btn{align-items:center;background:var(--primary-gradient);border-radius:var(--radius-md);box-shadow:0 4px 12px #667eea40;color:#fff;display:inline-flex;font-size:clamp(.85rem,1.2vw,.95rem);font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.3px;padding:clamp(.5rem,.8vw,.7rem) clamp(1rem,1.8vw,1.4rem)}.btn-chat:hover,.btn-discovery:hover,.btn-done:hover,.btn-primary:hover,.btn:hover,.download-btn:hover,.submit-btn:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px) scale(1.03)}.btn-chat:active,.btn-discovery:active,.btn-done:active,.btn-primary:active,.btn:active,.download-btn:active,.submit-btn:active{box-shadow:0 2px 8px #667eea4d;transform:translateY(0) scale(.98)}.btn-lg{font-size:clamp(1rem,1.8vw,1.2rem);padding:clamp(.85rem,1.5vw,1.1rem) clamp(1.8rem,3vw,2.4rem)}.close-btn,.header-menu-btn,.kb-back-btn,.sidebar-btn,.theme-toggle{align-items:center;background:#667eea1a;border:1px solid #667eea33;border-radius:var(--radius-md);color:var(--text-primary);display:flex;font-size:clamp(1rem,1.8vw,1.25rem);justify-content:center;min-height:40px;min-width:40px;padding:clamp(.5rem,1vw,.75rem)}.close-btn:hover,.header-menu-btn:hover,.kb-back-btn:hover,.sidebar-btn:hover,.theme-toggle:hover{background:var(--primary-gradient);border-color:var(--primary-color);box-shadow:0 4px 12px #667eea4d;color:#fff;transform:scale(1.08)}.close-btn:active,.header-menu-btn:active,.kb-back-btn:active,.sidebar-btn:active,.theme-toggle:active{box-shadow:0 2px 6px #667eea33;transform:scale(.96)}.error-boundary-btn,.link-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-md);color:var(--primary-color);display:inline-flex;font-size:clamp(.9rem,1.5vw,1.05rem);font-weight:600;gap:.5rem;padding:clamp(.5rem,1vw,.75rem) clamp(1rem,2vw,1.5rem)}.error-boundary-btn:hover,.link-btn:hover{background:#667eea1a;border-color:var(--primary-color);transform:translateX(2px)}.error-boundary-btn:active,.link-btn:active{background:#667eea26;transform:translateX(0)}.chat-action-btn,.quick-btn{align-items:center;background:var(--primary-gradient);border-radius:var(--radius-md);box-shadow:0 4px 12px #667eea40;color:#fff;display:inline-flex;font-size:clamp(.85rem,1.5vw,1rem);font-weight:600;gap:.5rem;justify-content:center;padding:clamp(.6rem,1.2vw,.8rem) clamp(1rem,2vw,1.4rem)}.chat-action-btn:hover,.quick-btn:hover{box-shadow:0 6px 16px #667eea59;transform:translateY(-2px) scale(1.02)}.chat-action-btn:active,.quick-btn:active{transform:translateY(0) scale(.98)}body.dark-mode .close-btn,body.dark-mode .error-boundary-btn,body.dark-mode .header-menu-btn,body.dark-mode .kb-back-btn,body.dark-mode .link-btn,body.dark-mode .sidebar-btn,body.dark-mode .theme-toggle{background:#667eea26;border-color:#667eea40;color:var(--text-primary)}body.dark-mode .error-boundary-btn,body.dark-mode .link-btn{color:#82a3ff}.btn-chat:after,.btn-discovery:after,.btn-done:after,.btn-primary:after,.btn:after,.chat-action-btn:after,.download-btn:after,.submit-btn:after{background:#fff6;border-radius:50%;content:"";height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn-chat:active:after,.btn-discovery:active:after,.btn-done:active:after,.btn-primary:active:after,.btn:active:after,.chat-action-btn:active:after,.download-btn:active:after,.submit-btn:active:after{height:300px;width:300px}button i{pointer-events:none;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}button:hover i{animation:none;transform:scale(1.1)}button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}button:disabled:hover{box-shadow:none!important;transform:none!important}@media (max-width:768px){button{font-size:clamp(.85rem,2vw,1rem);padding:clamp(.5rem,1.5vw,.75rem) clamp(.8rem,2vw,1.2rem)}.btn-lg{padding:clamp(.7rem,2vw,1rem) clamp(1.2rem,3vw,1.8rem)}}@media (prefers-reduced-motion:reduce){button,button i,button:after{animation:none;transition:none}button:hover{transform:none}}body,html{scrollbar-gutter:stable;width:100%}.app{background:var(--bg-color);min-height:100vh}.app,.container{overflow-x:hidden;transition:margin-left var(--transition-base)}.container{margin:0 auto 0 0;max-width:100%;padding:0}.app.sidebar-open .container{margin-left:clamp(280px,30vw,380px)}.mobile-menu-overlay{animation:fadeIn var(--transition-base) ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;height:100%;left:0;position:fixed;top:0;transition:opacity var(--transition-base),visibility var(--transition-base);width:100%;z-index:1000}.mobile-menu-overlay,.mobile-menu-overlay.active{display:none;opacity:0;pointer-events:none;visibility:hidden}.hide-mobile{display:none!important}.show-tablet{display:block!important}.header{animation:slideDown .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#fffc,#fff9);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm);overflow:visible;padding:clamp(1rem,2vw,1.5rem) clamp(1.5rem,3vw,2.5rem);position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.header:after{background:linear-gradient(90deg,#0000,var(--primary-color),#0000);bottom:0;content:"";height:1px;left:0;position:absolute;width:100%}body.dark-mode .header{background:linear-gradient(180deg,#1e293be6,#1e293bcc);border-bottom-color:var(--border-color)}.header-content{flex-wrap:nowrap;gap:clamp(1rem,2vw,1.5rem);justify-content:space-between;width:100%;z-index:1}.header-content,.header-menu-btn{align-items:center;display:flex;position:relative}.header-menu-btn{background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:clamp(1.25rem,2vw,1.5rem);justify-content:center;overflow:hidden;padding:clamp(.5rem,1vw,.75rem);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.header-menu-btn:before{background:#667eea26;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.header-menu-btn:hover{background:#667eea1a;color:var(--primary-color);transform:scale(1.1)}.header-menu-btn:active:before{height:300px;width:300px}.logo{align-items:center;cursor:pointer;display:flex;flex-shrink:0;gap:var(--spacing-md);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.logo:hover{transform:scale(1.03)}.logo i{-webkit-text-fill-color:#0000;animation:rotatePulse 2s ease-in-out infinite;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.5rem,3vw,2.5rem)}.logo:hover i{animation:none}.logo h1{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:700;letter-spacing:-.5px;margin:0}.header-controls{gap:clamp(.75rem,1.5vw,1.5rem)}.header-controls,.theme-toggle{align-items:center;display:flex}.theme-toggle{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;flex-shrink:0;font-size:clamp(1rem,1.5vw,1.1rem);height:clamp(40px,5vw,48px);justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:clamp(40px,5vw,48px)}.theme-toggle:before{background:#06c3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.theme-toggle:active:before{height:300px;width:300px}.theme-toggle:hover{background:var(--primary-gradient);box-shadow:0 4px 12px #0066cc4d;color:#fff;transform:rotate(20deg) scale(1.1)}.user-info{align-items:center;display:flex;flex-shrink:0;gap:clamp(.75rem,1.5vw,1.5rem);margin-left:auto}.user-name{color:var(--text-secondary);font-weight:500;white-space:nowrap}.btn-chat,.user-name{font-size:clamp(.8rem,1.2vw,.95rem)}.btn-chat{align-items:center;background:var(--primary-gradient);border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-weight:600;gap:.5rem;overflow:hidden;padding:clamp(.5rem,1vw,.75rem) clamp(.8rem,1.5vw,1.2rem);position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.btn-chat:after{background:#fff6;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn-chat:active:after{height:300px;width:300px}.btn-chat:hover{box-shadow:0 8px 20px #06c6;transform:translateY(-3px) scale(1.05)}.btn-chat i{display:inline-block;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.btn-chat:hover i{animation:rotateIcon .6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes rotateIcon{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.btn-chat-text{display:none}@media (min-width:768px){.btn-chat-text{display:inline}}.welcome-text{color:var(--text-secondary);font-size:clamp(.875rem,1.5vw,1rem);font-weight:500}.logo-text-full{display:inline}.logo-text-short{display:none}@media (max-width:600px){.logo-text-full{display:none}.logo-text-short{display:inline}.user-name{display:none}.btn-chat-text{display:none!important}}.sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,var(--card-bg) 0,var(--card-hover-bg) 100%);border-right:1px solid var(--border-light);box-shadow:none;height:100vh;left:calc(clamp(280px, 30vw, 380px)*-1);overflow-y:auto;position:fixed;top:0;transition:left .35s ease-out;width:clamp(280px,30vw,380px);z-index:1001}.sidebar.active{animation:slideInLeft .4s cubic-bezier(.34,1.56,.64,1);left:0}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-40px)}}.sidebar-header{align-items:center;background:var(--primary-gradient);box-shadow:var(--shadow-md);color:#fff;display:flex;justify-content:space-between;overflow:hidden;padding:var(--spacing-lg);position:-webkit-sticky;position:sticky;position:relative;top:0;z-index:10}.sidebar-header:before{animation:shimmerHeader 3s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%}.sidebar-header h3{align-items:center;display:flex;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:700;gap:var(--spacing-sm);margin:0;position:relative;z-index:1}.sidebar-header i{animation:rotatePulse 2s ease-in-out infinite}.sidebar-toggle{background:#fff3;border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;font-size:clamp(1rem,2vw,1.25rem);height:40px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:40px;z-index:1}.sidebar-toggle:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.sidebar-toggle:active:before{height:300px;width:300px}.sidebar-toggle:hover{background:#ffffff4d;transform:rotate(90deg) scale(1.1)}.sidebar-content{animation:fadeIn .4s ease-out;padding:1.5rem}.sidebar-section{animation:slideInRight .5s cubic-bezier(.4,0,.2,1);margin-bottom:2rem}.sidebar-section h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:var(--primary-color);font-size:1.1rem;font-weight:600;margin-bottom:1rem}.sidebar-subtitle{color:var(--text-secondary);font-size:.9rem;margin-top:.5rem}.sidebar-info-card{align-items:center;background:var(--bg-color);border:2px solid var(--border-color);border-radius:10px;display:flex;gap:1rem;margin-bottom:1rem;overflow:hidden;padding:1rem;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.sidebar-info-card:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.sidebar-info-card:hover:before{left:100%}.sidebar-info-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateX(5px)}.sidebar-icon{align-items:center;animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:1.3rem;height:45px;justify-content:center;width:45px}.sidebar-info-text strong{color:var(--text-primary);display:block;font-size:.95rem;margin-bottom:.25rem}.sidebar-info-text p{color:var(--text-secondary);font-size:.85rem;margin:0}.team-lead-card{align-items:center;background:linear-gradient(135deg,#0066cc0d,#9d4edd0d);border:2px solid var(--primary-color);border-radius:10px;display:flex;gap:1rem;overflow:hidden;padding:1.25rem;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.team-lead-card:before{animation:shimmerHeader 3s infinite;background:linear-gradient(90deg,#0000,#0066cc26,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%}.team-lead-card:hover{box-shadow:0 6px 20px #06c3;transform:translateY(-2px)}.team-lead-card i{animation:rotatePulse 2s ease-in-out infinite;color:var(--primary-color);font-size:2.5rem}.team-lead-card strong{color:var(--text-primary);display:block;font-size:1rem;margin-bottom:.25rem}.team-lead-card p{color:var(--text-secondary);font-size:.85rem;margin:0 0 .5rem}.team-lead-card .location{align-items:center;color:var(--primary-color);display:inline-flex;font-size:.8rem;gap:.5rem}.sidebar-btn{align-items:center;background:var(--primary-color);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:600;gap:.75rem;justify-content:center;margin-bottom:.75rem;padding:.9rem 1.25rem;transition:all .3s ease;width:100%}.sidebar-btn:hover{background:var(--secondary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.sidebar-benefits{list-style:none;padding:0}.sidebar-benefits li{align-items:center;background:var(--bg-color);border-radius:8px;display:flex;font-size:.9rem;gap:.75rem;margin-bottom:.5rem;padding:.75rem}.sidebar-benefits i{color:var(--success-color);font-size:1.1rem}.sidebar-toggle-btn{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:50%;bottom:20px;box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;font-size:1.5rem;height:60px;left:20px;position:fixed;transition:all .3s ease;width:60px;z-index:1000}.sidebar-toggle-btn:hover{box-shadow:0 8px 30px #06c6;transform:scale(1.1)}.app.sidebar-open .sidebar-toggle-btn{left:260px}.cards-grid{grid-gap:clamp(1rem,2vw,1.5rem);animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) forwards;display:grid;gap:clamp(1rem,2vw,1.5rem);grid-template-columns:repeat(auto-fit,minmax(210px,1fr));max-width:100%}@media (min-width:1100px){.cards-grid{grid-template-columns:repeat(4,1fr)}}.cards-grid.coming-soon-grid{opacity:.7}@keyframes cardTilt{0%{transform:perspective(1000px) rotateX(0deg) rotateY(0deg)}50%{transform:perspective(1000px) rotateX(3deg) rotateY(3deg)}to{transform:perspective(1000px) rotateX(0deg) rotateY(0deg)}}@keyframes iconBounce{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.15) translateY(-8px)}}@keyframes cardGlow{0%{box-shadow:var(--shadow-md),0 0 0 0 #00d9ff66}70%{box-shadow:var(--shadow-lg),0 0 0 10px #00d9ff00}to{box-shadow:var(--shadow-lg),0 0 0 0 #00d9ff00}}.service-card{animation:cardSlideIn .5s cubic-bezier(.4,0,.2,1) forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:var(--spacing-lg);perspective:1000px;position:relative;transform-style:preserve-3d;transition:all var(--transition-base)}body.dark-mode .service-card{background:linear-gradient(135deg,#1e293bcc,#1e293b99);border-color:var(--glass-border)}.service-card:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:100%;left:-100%;transition:left .6s cubic-bezier(.4,0,.2,1);width:100%}.service-card:hover:before{left:100%}.service-card:hover{background:linear-gradient(135deg,#fff,#f8fafce6);box-shadow:var(--shadow-xl);transform:translateY(-10px) perspective(1000px) rotateX(5deg)}body.dark-mode .service-card:hover{background:linear-gradient(135deg,#1e293bf2,#23324bd9);box-shadow:0 15px 40px #00d9ff33}.service-card.active:hover{animation:cardGlow .6s ease-out}.service-icon{-webkit-text-fill-color:#0000;animation:iconBounce .8s cubic-bezier(.34,1.56,.64,1) forwards;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:var(--spacing-md);transition:transform var(--transition-base)}.service-card:hover .service-icon{animation:scalePulse .6s ease-in-out}.service-card h3{font-size:clamp(1.1rem,2vw,1.4rem);font-weight:700;letter-spacing:-.5px;margin-bottom:var(--spacing-sm);transition:all var(--transition-base)}.service-card:hover h3{color:var(--primary-color);text-shadow:0 2px 8px #0066cc26}.service-card p{flex-grow:1;font-size:clamp(.875rem,1.5vw,1rem);line-height:1.5;margin-bottom:var(--spacing-md)}.card-footer{margin-top:auto}.complexity-badge{align-items:center;display:inline-flex;font-size:clamp(.7rem,1.2vw,.8rem);font-weight:600;padding:clamp(.3rem,.5vw,.375rem) clamp(.65rem,1vw,.875rem)}.complexity-badge.low{background:linear-gradient(135deg,#4caf5026,#66bb6a1a);color:var(--success-color)}.complexity-badge.medium{background:linear-gradient(135deg,#ff980026,#ffa7261a);color:var(--warning-color)}.complexity-badge.high{background:linear-gradient(135deg,#f4433626,#e539351a);color:var(--danger-color)}.card-action{background:var(--bg-light);cursor:pointer;height:clamp(28px,5vw,36px);transition:all var(--transition-base);width:clamp(28px,5vw,36px)}.service-card:hover .card-action{transform:translateX(4px) scale(1.1)}.coming-soon-overlay{right:clamp(.75rem,1.5vw,1rem);top:clamp(.75rem,1.5vw,1rem)}.coming-soon-label{background:var(--warning-gradient);border-radius:var(--radius-full);font-size:clamp(.65rem,1.2vw,.7rem);font-weight:700;gap:clamp(.3rem,.5vw,.375rem);padding:clamp(.3rem,.5vw,.375rem) clamp(.6rem,1vw,.75rem)}.coming-soon-label i{font-size:.7em}.service-card.coming-soon{cursor:default;opacity:.75}.service-card.coming-soon:hover{border-color:var(--warning-color);box-shadow:var(--shadow-sm);transform:none}.service-card.coming-soon:before{background:linear-gradient(90deg,var(--warning-color),#fc0)}.coming-soon-overlay{position:absolute;right:1rem;top:1rem;z-index:5}.coming-soon-label{align-items:center;background:linear-gradient(135deg,var(--warning-color),#fc0);border-radius:20px;color:#1a1a1a;display:flex;font-size:.7rem;font-weight:600;gap:.375rem;letter-spacing:.5px;padding:.375rem .75rem;text-transform:uppercase}.coming-soon-label i{font-size:.65rem}.service-card:before{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.service-card:hover:before{transform:scaleX(1)}.service-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-8px)}.card-icon{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:1.75rem;height:64px;justify-content:center;margin-bottom:1.25rem;width:64px}.card-icon.password{background:linear-gradient(135deg,#667eea,#764ba2)}.card-icon.mfa{background:linear-gradient(135deg,#f093fb,#f5576c)}.card-icon.software{background:linear-gradient(135deg,#4facfe,#00f2fe)}.card-icon.ticket{background:linear-gradient(135deg,#43e97b,#38f9d7)}.card-icon.network{background:linear-gradient(135deg,#fa709a,#fee140)}.card-icon.wifi{background:linear-gradient(135deg,#30cfd0,#330867)}.card-icon.printer{background:linear-gradient(135deg,#a8edea,#fed6e3)}.card-icon.outlook{background:linear-gradient(135deg,#ff9a56,#ff6a88)}.card-icon.vpn{background:linear-gradient(135deg,#667eea,#764ba2)}.card-icon.email-list{background:linear-gradient(135deg,#f093fb,#f5576c)}.card-icon.hardware{background:linear-gradient(135deg,#5ee7df,#b490ca)}.card-icon.mobile{background:linear-gradient(135deg,#d299c2,#fef9d7)}.card-icon.permissions{background:linear-gradient(135deg,#f77062,#fe5196)}.card-icon.browser{background:linear-gradient(135deg,#1e3c72,#2a5298)}.card-icon.performance{background:linear-gradient(135deg,#6a11cb,#2575fc)}.service-card h3{color:var(--text-primary);font-size:1.25rem;margin-bottom:.75rem}.service-card p{color:var(--text-secondary);font-size:.95rem;margin-bottom:1rem}.card-footer{align-items:center;justify-content:space-between}.card-action{align-items:center;background:var(--bg-color);border-radius:50%;color:var(--primary-color);display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.service-card:hover .card-action{background:var(--primary-color);color:#fff;transform:translateX(4px)}.complexity-badge{border-radius:20px;font-size:.8rem;font-weight:500;padding:.375rem .875rem}.complexity-badge.low{background:#e8f5e9;color:#2e7d32}.complexity-badge.medium{background:#fff3e0;color:#e65100}.main-content{margin-left:auto;margin-right:auto;max-width:1400px;padding:clamp(2rem,4vw,3rem) clamp(1rem,3vw,2.5rem);width:100%}.welcome-section{animation:fadeInDown .6s cubic-bezier(.4,0,.2,1);margin-bottom:var(--spacing-xl);text-align:center}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.welcome-section h2{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;letter-spacing:-1px;margin-bottom:var(--spacing-md)}body.dark-mode .welcome-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#82a3ff,#b794f6);-webkit-background-clip:text;background-clip:text}.welcome-section p{color:var(--text-secondary);font-size:clamp(1rem,1.5vw,1.2rem);font-weight:500}.services-section{animation:fadeInUp .7s cubic-bezier(.4,0,.2,1);margin-bottom:var(--spacing-xl)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-title{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.section-title-icon{align-items:center;border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:clamp(1.5rem,3vw,2rem);height:clamp(3rem,6vw,4rem);justify-content:center;transition:all var(--transition-base);width:clamp(3rem,6vw,4rem)}.section-title-icon.active{animation:pulse 2s ease-in-out infinite;background:var(--success-gradient);box-shadow:var(--shadow-md);color:#fff}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.section-title-icon.coming-soon{background:var(--warning-gradient);color:#fff}.section-title-text h3{color:var(--text-primary);font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:700;margin:0}.section-title-text p{color:var(--text-secondary);font-size:clamp(.875rem,1.5vw,1rem);margin:.25rem 0 0}.coming-soon-badge{align-items:center;animation:slideInRight .5s cubic-bezier(.4,0,.2,1);background:var(--warning-gradient);border-radius:var(--radius-full);color:#1a1a1a;display:flex;font-size:clamp(.75rem,1vw,.9rem);font-weight:700;gap:.4rem;margin-left:auto;padding:clamp(.4rem,.8vw,.6rem) clamp(1rem,1.5vw,1.25rem)}.coming-soon-section{opacity:.7;transition:opacity var(--transition-base)}.coming-soon-section:hover{opacity:.85}.coming-soon-section-disabled{opacity:.95}.service-desk-section{background:#0000;border-radius:0;box-shadow:none;margin-bottom:3rem;padding:0}.section-header{background:linear-gradient(135deg,#667eea0a,#667eea05);border:1.5px solid #667eea26;border-radius:1.2rem;margin-bottom:3.5rem;padding:2.5rem;text-align:center}.section-header h2{align-items:center;color:var(--primary-color);display:flex;font-size:2.2rem;font-weight:700;gap:1rem;justify-content:center;letter-spacing:-.5px}.section-header i{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:2.4rem}.service-overview-section{background:linear-gradient(135deg,#667eea08,#667eea03);border:1.5px solid #667eea26;border-radius:1.2rem;margin-bottom:4rem;padding:2.5rem}.service-overview-section h3{align-items:center;border-bottom:2px solid #667eea26;color:var(--text-primary);display:flex;font-size:1.8rem;font-weight:700;gap:.8rem;justify-content:center;letter-spacing:-.5px;margin-bottom:2rem;padding-bottom:1.2rem}.service-overview-section h3 i{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:2rem}.info-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:0;padding:0}.info-card{background:linear-gradient(135deg,var(--card-bg),#ffffff05);border:1.5px solid #667eea1f;border-radius:1.1rem;overflow:hidden;padding:2rem;position:relative;transition:all .35s cubic-bezier(.34,1.56,.64,1)}.info-card:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.info-card:hover:before{left:100%}.info-card:after{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.info-card:hover:after{transform:scaleX(1)}.info-card:hover{background:linear-gradient(135deg,#667eea05,#667eea0a);border-color:#667eea40;box-shadow:0 12px 32px #667eea1f;transform:translateY(-6px)}.info-card:first-child{border-color:#667eea33}.info-card:first-child:hover{border-color:var(--primary-color);box-shadow:0 12px 32px #667eea26}.info-icon{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:1rem;box-shadow:0 6px 16px #667eea26;color:#fff;display:flex;font-size:2rem;height:65px;justify-content:center;margin-bottom:1.5rem;transition:all .3s ease;width:65px}.info-card:hover .info-icon{box-shadow:0 8px 20px #667eea33;transform:scale(1.08)}.info-card h3{color:var(--text-primary);font-size:1.35rem;font-weight:700;letter-spacing:-.3px;margin-bottom:1.2rem}.info-content p{line-height:1.8;margin-bottom:.7rem}.info-content .highlight{color:var(--primary-color);font-size:1.15rem;font-weight:600;margin:.75rem 0}.info-content .subtext{color:var(--text-secondary);font-size:.9rem;font-style:italic}.team-section{margin:3rem 0}.team-section h3{animation:slideInDown .5s ease-out;font-size:1.5rem;font-weight:600;gap:.75rem}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.team-network-container{min-height:500px;padding:3rem 1rem;perspective:1000px}.team-network-container,.team-orb-network{align-items:center;display:flex;justify-content:center}.team-orb-network{height:500px;perspective:1200px;position:relative;width:100%}.orb{align-items:center;animation:orbAppear .7s ease-out;border-radius:50%;cursor:pointer;display:flex;height:140px;justify-content:center;position:absolute;transition:all .5s cubic-bezier(.34,1.56,.64,1);width:140px}@keyframes orbAppear{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.orb-lead{animation:orbLeadPulse 3s ease-in-out infinite;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));box-shadow:0 0 60px #667eea80,0 0 100px #667eea4d;height:180px;width:180px;z-index:10}@keyframes orbLeadPulse{0%,to{box-shadow:0 0 60px #667eea80,0 0 100px #667eea4d;transform:scale(1)}50%{box-shadow:0 0 80px #667eeab3,0 0 120px #667eea66;transform:scale(1.05)}}.orb-lead:hover{box-shadow:0 0 100px #667eeacc,0 0 150px #667eea80;transform:scale(1.1)}.orb-member{animation:orbMemberOrbit 20s linear infinite;animation-delay:calc(var(--orbit-index)*-2s);animation-duration:calc(20s + var(--orbit-index)*.5s);background:linear-gradient(135deg,var(--card-bg),var(--card-hover-bg));border:2px solid var(--border-light);box-shadow:0 4px 20px #0000001a}.orb-member:hover{animation-play-state:paused;border-color:var(--primary-color);box-shadow:0 8px 40px #667eea66;transform:rotate(var(--orbit-index-angle)) translateX(280px) rotate(0deg) scale(1.15);z-index:20}.orb-content{align-items:center;border-radius:50%;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;padding:1rem;position:relative;text-align:center;width:100%;z-index:1}.orb-lead .orb-content{background:#0003}.orb-lead .orb-content,.orb-member .orb-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.orb-member .orb-content{background:#0000001a}.orb-content i{animation:iconFloat 2s ease-in-out infinite;font-size:2rem;margin-bottom:.5rem}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.orb-content h4{font-size:.95rem;font-weight:700;letter-spacing:.5px;margin:.25rem 0}.orb-content .role-badge{display:inline-block;font-size:.7rem;margin:.3rem 0;padding:.3rem .8rem}.orb-content .location{font-size:.75rem;margin-top:.25rem;opacity:.9}.orb .role-badge{background:#ffffff4d!important;border:1px solid #ffffff80;box-shadow:none!important}.orb-lead .role-badge{background:#ffd7004d!important;border:1px solid #ffd70099}.team-network-container{min-height:clamp(350px,60vh,500px);padding:clamp(1.5rem,3vw,2rem) clamp(.5rem,2vw,1rem)}.team-orb-network{height:clamp(350px,60vh,500px)}.orb{height:clamp(100px,12vw,140px);width:clamp(100px,12vw,140px)}.orb-lead{height:clamp(130px,15vw,180px);width:clamp(130px,15vw,180px)}.orb-member{animation:orbMemberOrbit 25s linear infinite}@keyframes orbMemberOrbit{0%{transform:rotate(0deg) translateX(200px) rotate(0deg)}to{transform:rotate(1turn) translateX(200px) rotate(-1turn)}}.orb-content h4{font-size:clamp(.85rem,2vw,1rem)}.orb-content i{font-size:clamp(1.5rem,3vw,2rem)}.role-badge{animation:badgePulse .6s ease-out;border-radius:20px;display:inline-block;font-size:.85rem;font-weight:600;padding:.6rem 1.2rem}@keyframes badgePulse{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.role-badge.director{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66;color:#fff}.role-badge.director:hover{box-shadow:0 6px 25px #667eea99}.role-badge.senior{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 4px 15px #f5576c66;color:#fff}.role-badge.senior:hover{box-shadow:0 6px 25px #f5576c99}.role-badge.engineer{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 4px 15px #4facfe66;color:#fff}.role-badge.engineer:hover{box-shadow:0 6px 25px #4facfe99}.why-choose-section{background:linear-gradient(135deg,#667eea08,#667eea03);border:1.5px solid #667eea26;border-radius:1.2rem;margin-top:4rem;padding:2.5rem}.why-choose-section h3{align-items:center;border-bottom:2px solid #667eea26;color:var(--text-primary);display:flex;font-size:1.8rem;font-weight:700;gap:.8rem;justify-content:center;letter-spacing:-.5px;margin-bottom:2rem;padding-bottom:1.2rem}.why-choose-section h3 i{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:2rem}.benefits-grid,.why-choose-section .benefits-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.benefit-item{background:linear-gradient(135deg,var(--card-bg),#ffffff05);border:1.5px solid #667eea1f;border-radius:1rem;overflow:hidden;padding:2rem 1.75rem;position:relative;text-align:center;transition:all .35s cubic-bezier(.34,1.56,.64,1)}.benefit-item:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.benefit-item:hover:before{left:100%}.benefit-item:after{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.benefit-item:hover:after{transform:scaleX(1)}.benefit-item:hover{background:linear-gradient(135deg,#667eea05,#667eea0a);border-color:#667eea40;box-shadow:0 12px 32px #667eea1f;transform:translateY(-6px)}.benefit-item i{color:var(--primary-color);display:block;font-size:2.8rem;margin-bottom:1.2rem;position:relative;transition:all .3s ease;z-index:2}.benefit-item:hover i{filter:drop-shadow(0 6px 10px rgba(102,126,234,.18));transform:scale(1.12)}.benefit-item h4{color:var(--text-primary);font-size:1.15rem;font-weight:700;letter-spacing:-.3px;margin-bottom:.8rem;position:relative;z-index:2}.benefit-item p{color:var(--text-secondary);font-size:.9rem;line-height:1.7;position:relative;z-index:2}.team-section{background:linear-gradient(135deg,#667eea08,#667eea03);border:1.5px solid #667eea26;border-radius:1.2rem;margin:4rem 0;padding:2.5rem;width:100%}.team-section h3{align-items:center;border-bottom:2px solid #667eea26;color:var(--text-primary);display:flex;font-size:1.8rem;font-weight:700;gap:.8rem;justify-content:center;letter-spacing:-.5px;margin-bottom:2rem;padding-bottom:1.2rem}.team-section h3 i{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:2rem}.team-directory{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:1200px}.directory-card{background:linear-gradient(135deg,var(--card-bg),#ffffff05);border:1px solid #667eea1f;border-radius:1rem;box-shadow:0 2px 8px #0000000f;overflow:hidden;padding:1.5rem 1.2rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.directory-card:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%;z-index:0}.directory-card:hover:before{left:100%}.directory-card:after{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));content:"";height:2.5px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.34,1.56,.64,1);z-index:1}.directory-card:hover:after{transform:scaleX(1)}.directory-card:hover{background:linear-gradient(135deg,#667eea05,#667eea0a);border-color:#667eea40;box-shadow:0 8px 24px #667eea1f;transform:translateY(-6px)}.directory-card.team-lead{background:linear-gradient(135deg,#667eea14,#667eea08);border:1.5px solid var(--primary-color);grid-column:span 1;position:relative}.directory-card.team-lead:before{background:linear-gradient(135deg,#667eea4d,#0000);border-radius:1rem;content:"";inset:-1px;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease;z-index:0}.directory-card.team-lead:hover:before{opacity:1}.directory-card.team-lead:hover{background:linear-gradient(135deg,#667eea1a,#667eea0a);border-color:var(--primary-color);box-shadow:0 0 30px #667eea33,0 8px 28px #667eea26;transform:translateY(-8px) scale(1.03)}.lead-badge{background:linear-gradient(135deg,#667eea40,#667eea26);border:1px solid #667eea66;border-radius:2rem;box-shadow:0 2px 8px #667eea26;color:var(--primary-color);font-size:.7rem;font-weight:700;letter-spacing:.4px;padding:.35rem .7rem;position:absolute;right:8px;top:8px;z-index:2}.card-header{margin-bottom:1rem;position:relative;z-index:3}.avatar{color:var(--primary-color);display:inline-block;font-size:3.5rem;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.directory-card.team-lead .avatar{filter:drop-shadow(0 0 8px rgba(102,126,234,.15));font-size:3.8rem}.directory-card:hover .avatar{filter:drop-shadow(0 6px 10px rgba(102,126,234,.18));transform:scale(1.12) rotate(-5deg)}.directory-card.team-lead:hover .avatar{filter:drop-shadow(0 8px 14px rgba(102,126,234,.25));transform:scale(1.15) rotate(-5deg)}.card-content{margin-bottom:1rem;position:relative;z-index:3}.card-content h4{color:var(--text-primary);font-size:1.1rem;font-weight:700;letter-spacing:-.3px;margin:0 0 .4rem}.card-content .title{color:var(--primary-color);font-size:.85rem;font-weight:600;margin:.3rem 0}.card-content .location{align-items:center;color:var(--text-secondary);display:flex;font-size:.75rem;gap:.4rem;justify-content:center;margin:.6rem 0 0}.card-content .location i{color:var(--primary-color);font-size:.7rem}.card-footer{border-top:1px solid #667eea14;gap:1rem;padding-top:1rem;position:relative;z-index:3}.card-footer,.card-footer a{display:flex;justify-content:center}.card-footer a{align-items:center;background:#667eea14;border:1px solid #667eea1f;border-radius:.5rem;color:var(--text-secondary);font-size:.95rem;height:2rem;text-decoration:none;transition:all .3s ease;width:2rem}.card-footer a:hover{background:#667eea26;border-color:#667eea4d;color:var(--primary-color);transform:scale(1.1)}@media (max-width:1024px){.team-directory{gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width:768px){.team-section h3{font-size:1.6rem;margin-bottom:2rem}.team-section h3 i{font-size:1.8rem}.team-directory{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.directory-card{border-radius:.8rem;padding:1.2rem 1rem}.avatar{font-size:3rem}.card-content h4{font-size:1rem}.card-content .title{font-size:.8rem}.card-footer a{font-size:.85rem;height:1.8rem;width:1.8rem}}@media (max-width:480px){.team-section{margin:2rem 0}.team-section h3{font-size:1.4rem;margin-bottom:1.5rem}.team-section h3 i{font-size:1.6rem}.team-directory{gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.directory-card{border-radius:.7rem;padding:1rem .8rem}.avatar{font-size:2.5rem;margin-bottom:.4rem}.lead-badge{font-size:.6rem;padding:.2rem .4rem;right:6px;top:6px}.card-content h4{font-size:.95rem;margin-bottom:.3rem}.card-content .title{font-size:.75rem}.card-content .location{font-size:.7rem;margin-top:.4rem}.card-footer{gap:.8rem;padding-top:.8rem}.card-footer a{font-size:.8rem;height:1.6rem;width:1.6rem}}@media (prefers-color-scheme:dark){.directory-card{background:linear-gradient(135deg,#ffffff0a,#667eea05);border-color:#667eea2e;box-shadow:0 2px 8px #0003}.directory-card:hover{background:linear-gradient(135deg,#667eea0f,#667eea0a);border-color:#667eea59;box-shadow:0 8px 24px #667eea2e}.directory-card.team-lead{background:linear-gradient(135deg,#667eea14,#667eea0a);border-color:#667eea4d}.card-footer{border-top-color:#667eea1f}.card-footer a{background:#667eea1a;border-color:#667eea2e}.card-footer a:hover{background:#667eea2e;border-color:#667eea59}.lead-badge{background:#667eea33;border-color:#667eea66}}.kb-container{max-width:100%;padding:0;width:100%}.kb-section{background:linear-gradient(135deg,#667eea08,#667eea03);border:1.5px solid #667eea26;border-radius:1.2rem;margin-bottom:2rem;padding:2.5rem}.kb-section h3{align-items:center;border-bottom:2px solid #667eea26;color:var(--text-primary);display:flex;font-size:1.8rem;font-weight:700;gap:.8rem;justify-content:center;letter-spacing:-.5px;margin-bottom:2rem;padding-bottom:1.2rem}.kb-section h3 i{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:2rem}.kb-links{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.kb-link.kb-button{align-items:center;background:linear-gradient(135deg,#667eea14,#667eea0a);border:1.5px solid #667eea33;border-radius:1rem;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.8rem;justify-content:center;overflow:hidden;padding:1.2rem 1.5rem;position:relative;transition:all .34s cubic-bezier(.34,1.56,.64,1)}.kb-link.kb-button:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;right:0;top:0;transition:left .34s cubic-bezier(.34,1.56,.64,1)}.kb-link.kb-button:hover{background:linear-gradient(135deg,#667eea26,#667eea14);border-color:#667eea59;box-shadow:0 8px 20px #667eea26;transform:translateY(-4px)}.kb-link.kb-button:hover:before{left:100%}.kb-link.kb-button i{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-size:1.2rem}.kb-modal-backdrop{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.kb-modal{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);background:var(--bg-color);border:1.5px solid #667eea33;border-radius:1.5rem;box-shadow:0 20px 60px #667eea33;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.kb-modal-header{border-bottom:1px solid #667eea1a;display:flex;justify-content:flex-end;padding:1.5rem}.kb-close{align-items:center;background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;padding:.5rem .75rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.kb-close:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff;transform:rotate(90deg) scale(1.1)}.kb-modal-body{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:2rem}.kb-modal-content{display:flex;flex-direction:column;gap:1.5rem}.kb-modal-content.kb-full-width{width:100%}.kb-header{animation:slideDown .4s ease;border-bottom:2px solid #667eea26;padding:1.5rem 0;text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.kb-header i{display:block;font-size:2.5rem;margin-bottom:.75rem}.kb-header h3,.kb-header i{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text}.kb-header h3{font-size:1.8rem;font-weight:700;letter-spacing:-.5px;margin:0}.kb-header p{color:var(--text-secondary);font-size:.95rem;margin:.5rem 0 0}.kb-cards-grid{grid-gap:1.5rem;animation:fadeIn .4s ease;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:0}.kb-card{animation:cardSlideIn .4s ease;background:linear-gradient(135deg,#667eea0f,#667eea05);border:1.5px solid #667eea26;border-radius:1rem;cursor:pointer;display:flex;flex-direction:column;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .34s cubic-bezier(.34,1.56,.64,1)}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.kb-card:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;right:0;top:0;transition:left .34s cubic-bezier(.34,1.56,.64,1)}.kb-card:hover{background:linear-gradient(135deg,#667eea1f,#667eea0f);border-color:#667eea66;box-shadow:0 12px 30px #667eea33;transform:translateY(-6px)}.kb-card:hover:before{left:100%}.kb-card.installed{background:linear-gradient(135deg,#34a85314,#34a85308);border-color:#34a85340}.kb-card-icon{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:.75rem;font-size:1.8rem;height:50px;position:relative;width:50px}.kb-card-icon,.kb-installed-badge{align-items:center;color:#fff;display:flex;justify-content:center}.kb-installed-badge{background:#34a853;border-radius:50%;box-shadow:0 2px 8px #34a8534d;font-size:.75rem;font-weight:700;height:24px;position:absolute;right:-8px;top:-8px;width:24px}.kb-card h4{color:var(--text-primary);font-size:1.1rem;font-weight:700;line-height:1.4;margin:0 0 .75rem}.kb-card p{flex-grow:1;font-size:.9rem;line-height:1.5;margin:0 0 1rem}.kb-card p,.kb-card small{color:var(--text-secondary)}.kb-card small{border-top:1px solid #667eea26;font-size:.8rem;margin-top:auto;padding-top:1rem}.kb-card-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.kb-card-meta small{background:#667eea1a;border:none;border-radius:4px;color:var(--primary-color);margin-top:0;padding:0 .75rem .25rem}.kb-card-link{color:var(--primary-color);cursor:pointer;font-weight:600;margin-top:1rem;text-decoration:none;transition:all .3s ease}.kb-card-link:hover{color:var(--secondary-color)}.kb-detail-view{animation:slideIn .4s ease;padding:1rem 0}.kb-back-btn{align-items:center;background:linear-gradient(135deg,#667eea14,#667eea0a);border:1.5px solid #667eea33;border-radius:.75rem;color:var(--text-primary);cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;margin-bottom:1.5rem;padding:.6rem 1.2rem;transition:all .3s ease}.kb-back-btn:hover{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-color:#0000;color:#fff;transform:translateX(-4px)}.kb-detail-card{animation:slideIn .4s ease;background:linear-gradient(135deg,#667eea0f,#667eea05);border:1.5px solid #667eea26;border-left:4px solid var(--primary-color);border-radius:1rem;box-shadow:0 8px 25px #667eea1a;padding:2rem}.kb-detail-card h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:1.8rem;margin:0 0 1.5rem}.kb-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.kb-category,.kb-difficulty,.kb-duration,.kb-version,.status-badge{background:linear-gradient(135deg,#667eea1a,#667eea0d);border-radius:6px;color:var(--primary-color);display:inline-block;font-size:.85rem;font-weight:600;padding:.5rem 1rem}.status-badge.installed{background:linear-gradient(135deg,#34a8531a,#34a8530d);color:#34a853}.kb-difficulty{background:linear-gradient(135deg,#ff98001a,#ff98000d);color:#ff9800}.kb-content,.kb-duration{color:var(--text-secondary)}.kb-content{font-size:.95rem;line-height:1.8;margin-top:1rem}.kb-content.kb-pre-wrap{white-space:pre-wrap}.kb-solution{background:linear-gradient(135deg,#667eea14,#667eea08);border-left:4px solid var(--primary-color);border-radius:.75rem;margin-top:1.5rem;padding:1.5rem}.kb-solution strong{color:var(--text-primary);font-size:1.05rem}.kb-solution p{color:var(--text-secondary);line-height:1.8;margin-bottom:0;margin-top:1rem}.kb-section{padding:clamp(1.2rem,3vw,2.5rem)}.kb-section h3{font-size:clamp(1.3rem,4vw,1.8rem);margin-bottom:clamp(1.2rem,3vw,2rem)}.kb-section h3 i{font-size:clamp(1.5rem,4vw,2rem)}.kb-links{gap:clamp(.8rem,2vw,1.2rem);grid-template-columns:repeat(auto-fit,minmax(clamp(150px,20vw,200px),1fr))}.kb-link.kb-button{font-size:clamp(.85rem,2vw,1rem);gap:clamp(.6rem,1vw,.8rem);padding:clamp(.9rem,2vw,1.2rem) clamp(1rem,2vw,1.5rem)}.kb-link.kb-button i{font-size:clamp(1rem,2vw,1.2rem)}.kb-modal{max-width:900px;width:clamp(90%,5vw,90%)}.kb-cards-grid{gap:clamp(1rem,2vw,1.5rem);grid-template-columns:repeat(auto-fill,minmax(clamp(200px,25vw,280px),1fr))}.kb-card{padding:clamp(1.2rem,2vw,1.5rem)}.kb-detail-card{padding:clamp(1rem,2vw,2rem)}.kb-detail-card h2{font-size:clamp(1.3rem,3vw,1.8rem)}.kb-modal-body{padding:clamp(1rem,2vw,2rem)}@media (prefers-color-scheme:dark){.kb-section{background:linear-gradient(135deg,#667eea0d,#667eea05)}.kb-card,.kb-detail-card{background:linear-gradient(135deg,#667eea14,#667eea08)}}.chat-overlay{animation:fadeIn var(--transition-base) ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;display:none;height:100vh;left:0;opacity:0;position:fixed;top:0;transition:opacity var(--transition-base);width:100vw;z-index:1999}body.dark-mode .chat-overlay{background:#0009}.chat-overlay.active{display:block;opacity:1}@keyframes modalPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.7) rotateY(-30deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotateY(0deg)}}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-55%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.chat-widget{animation:modalPop .5s cubic-bezier(.34,1.56,.64,1) forwards;-webkit-backdrop-filter:blur(10px) saturate(180%);backdrop-filter:blur(10px) saturate(180%);background:linear-gradient(135deg,#fffffff2,#f8fafce6);border:1px solid #fffc;border-radius:var(--radius-xl);box-shadow:0 25px 50px #00000026,inset 0 1px 0 #ffffff80;display:none;flex-direction:column;height:clamp(400px,95vh,850px);left:50%;overflow:hidden;perspective:1000px;position:fixed;top:50%;transform:translate(-50%,-50%);transform-style:preserve-3d;width:clamp(300px,95vw,1100px);z-index:2000}body.dark-mode .chat-widget{background:linear-gradient(135deg,#141c2df2,#192337e6);border-color:#6496ff33}.chat-widget.active{display:flex}.chat-header{align-items:center;background:var(--primary-gradient);border-radius:var(--radius-xl) var(--radius-xl) 0 0;color:#fff;display:flex;flex-shrink:0;gap:1rem;justify-content:space-between;overflow:hidden;padding:clamp(.75rem,2vw,1rem);position:relative}.chat-header:before{animation:shimmerHeader 3s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%}@keyframes shimmerHeader{0%{left:-100%}50%{left:100%}to{left:100%}}.chat-title{align-items:center;display:flex;font-size:clamp(.9rem,1.5vw,1.1rem);font-weight:700;gap:.75rem;letter-spacing:.3px;z-index:1}.chat-title i{animation:rotatePulse 2s ease-in-out infinite}.model-badge{background:#fff3;border-radius:var(--radius-full);cursor:help;font-size:.65rem;font-weight:600;letter-spacing:.5px;padding:.3rem .6rem;text-transform:uppercase;transition:all var(--transition-base);z-index:1}.model-badge:hover{background:#ffffff4d;box-shadow:0 4px 12px #0003;transform:scale(1.1)}.close-chat{align-items:center;background:#ffffff26;border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.3rem;height:36px;justify-content:center;transition:all var(--transition-base);width:36px;z-index:1}.close-chat:hover{background:#ffffff40;transform:rotate(90deg) scale(1.1)}.chat-messages{background:#0000;display:flex;flex:1 1;flex-direction:column;gap:.75rem;overflow-y:auto;padding:clamp(.75rem,2vw,1.25rem)}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.chat-messages::-webkit-scrollbar-thumb{background:var(--primary-gradient);border-radius:10px;-webkit-transition:all var(--transition-base);transition:all var(--transition-base)}.chat-messages::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#06c,#09f);box-shadow:0 0 6px #06c6}.message{animation:messageSlideIn .4s cubic-bezier(.4,0,.2,1);display:flex;gap:.75rem}@keyframes messageSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.message-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:.85rem;height:30px;justify-content:center;width:30px}.bot-message .message-avatar{animation:scalePulse 2s ease-in-out infinite;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff}.user-message .message-avatar{background:#e0e6ed;color:var(--text-primary)}.user-message{flex-direction:row-reverse}.message-content{display:flex;flex-direction:column;max-width:85%}.formatted-message{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);margin-bottom:.25rem;padding:.75rem 1rem;transition:all var(--transition-base);word-break:break-word}.formatted-message:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.user-message .formatted-message{background:var(--primary-color);border:1px solid var(--primary-color);color:#fff}.user-message .formatted-message:hover{box-shadow:0 4px 12px #0066cc4d}.formatted-message p{font-size:.95rem;line-height:1.5;margin:0;white-space:pre-wrap}.formatted-message p:not(:last-child){margin-bottom:.5rem}.formatted-message h4{color:var(--primary-color);font-size:1rem;font-weight:700;margin:.75rem 0 .5rem}.user-message .formatted-message h4{color:#fff}.formatted-message h4:first-child{margin-top:0}.bullet-item{display:flex;font-size:.95rem;gap:.5rem;line-height:1.5;margin-bottom:.25rem}.bullet-item span{color:var(--primary-color);font-weight:700}.user-message .bullet-item span{color:#fff}.message-time{color:var(--text-secondary);font-size:.75rem;padding:0 .5rem}.chat-action-btn{background:linear-gradient(135deg,#00a4ef,#0078d4);border:none;border-radius:8px;color:#fff;display:flex;flex:1 1;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;gap:.4rem;height:auto;margin-top:0;min-height:44px;min-width:140px;overflow:hidden;padding:.5rem 1rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);white-space:normal}.chat-action-btn:before{background:#fff3;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.chat-action-btn:hover{background:linear-gradient(135deg,#0078d4,#005a9e);box-shadow:0 8px 20px #0078d466;transform:translateY(-3px)}.chat-action-btn:hover:before{left:100%}.chat-action-btn{align-items:center;background:#667eea1f;border:1px solid #667eea40;border-radius:6px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:clamp(.7rem,1vw,.8rem);font-weight:500;gap:.3rem;justify-content:center;padding:clamp(.35rem,.6vw,.5rem) clamp(.6rem,1.2vw,.9rem);transition:all .25s ease}.chat-action-btn:hover{background:#667eea33;border-color:#667eea66;transform:translateY(-1px)}.chat-action-btn i{font-size:clamp(.7rem,1rem,.85rem)}.chat-actions-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:clamp(.5rem,1vw,.8rem);margin-top:.75rem;width:100%}.chat-input-container{background:var(--card-bg);border-radius:0 0 16px 16px;border-top:1px solid var(--border-color)}.quick-actions{border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:.4rem}.chat-input,.quick-actions{display:flex;padding:.75rem}.chat-input{gap:.5rem}.chat-input textarea{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:.95rem;line-height:1.4;max-height:120px;min-height:44px;outline:none;overflow-y:hidden;padding:.75rem 1.25rem;resize:none;transition:all .3s ease}.chat-input textarea::placeholder{color:var(--text-secondary)}.chat-input textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #0066cc26;transform:scale(1.02)}.chat-input button{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:44px}.chat-input button:after{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.chat-input button:active:after{height:300px;width:300px}.chat-input button:hover{box-shadow:0 4px 15px #0003;transform:scale(1.1)}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.password-reset-container{animation:slideIn var(--transition-base) cubic-bezier(.4,0,.2,1);padding:clamp(.5rem,1vw,1rem) 0}.password-reset-content{animation:fadeIn var(--transition-base);min-height:300px}.progress-indicator{align-items:center;animation:slideInRight var(--transition-base);display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:clamp(1.5rem,3vw,2rem);padding:0 clamp(.5rem,1vw,1rem)}.progress-step{align-items:center;animation:scaleIn var(--transition-base);display:flex;flex-direction:column;gap:clamp(.3rem,.5vw,.5rem)}.progress-step .step-number{align-items:center;background:var(--border-light);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:var(--text-secondary);display:flex;font-size:clamp(.75rem,1vw,.9rem);font-weight:700;height:clamp(32px,5vw,40px);justify-content:center;margin:0;transition:all var(--transition-base);width:clamp(32px,5vw,40px)}.progress-step.active .step-number{animation:scaleIn var(--transition-base);background:var(--primary-gradient);box-shadow:var(--shadow-md);color:#fff}.progress-step.completed .step-number{background:var(--success-gradient);box-shadow:var(--shadow-md);color:#fff}.progress-step .step-label{color:var(--text-secondary);font-size:clamp(.65rem,1vw,.75rem);letter-spacing:.2px;max-width:80px;text-align:center}.progress-step.active .step-label{color:var(--primary-color);font-weight:700}.progress-line{background:var(--border-light);border-radius:2px;height:2px;margin:0 clamp(.3rem,.5vw,.5rem) clamp(1rem,2vw,1.5rem);transition:all var(--transition-base);width:clamp(40px,8vw,60px)}.progress-line.active{background:var(--success-gradient)}.password-reset-options{text-align:center}.options-intro{animation:slideIn .4s ease;color:var(--text-secondary);font-size:1.1rem;margin-bottom:1.5rem}.option-card.microsoft:hover{border-color:#00a4ef}.option-icon.forgot{background:linear-gradient(135deg,#667eea,#764ba2)}.option-icon.unlock{background:linear-gradient(135deg,#43e97b,#38f9d7)}.option-icon.microsoft{background:linear-gradient(135deg,#00a4ef,#0078d4)}.option-help{align-items:flex-start;background:var(--bg-color);border-radius:10px;color:var(--text-secondary);display:flex;font-size:.85rem;gap:.75rem;padding:1rem;text-align:left}.option-help i{color:var(--primary-color);font-size:1rem;margin-top:.1rem}.password-reset-form{max-width:100%}.password-reset-form .form-group{margin-bottom:1.25rem}.password-reset-form .form-group label{align-items:center;color:var(--text-primary);display:flex;font-weight:500;gap:.5rem;margin-bottom:.5rem}.password-reset-form .form-group label i{color:var(--primary-color);font-size:.9rem}.password-reset-form .form-group input{background:var(--card-bg);border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-family:Poppins,sans-serif;font-size:1rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.password-reset-form .form-group input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #0066cc1a;outline:none}.password-reset-form .form-group input.error{border-color:var(--danger-color)}.password-reset-form .form-group input::placeholder{color:var(--text-secondary)}.verification-input{font-size:1.5rem!important;font-weight:600;letter-spacing:.5rem;text-align:center}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:3rem!important}.toggle-password{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;position:absolute;right:1rem;transition:color .3s ease}.toggle-password:hover{color:var(--primary-color)}.password-strength{align-items:center;display:flex;gap:.75rem;margin-top:.5rem}.strength-bars{display:flex;flex:1 1;gap:.25rem}.strength-bar{background:var(--border-color);border-radius:2px;flex:1 1;height:4px;transition:background .3s ease}.strength-label{font-size:.8rem;font-weight:500;min-width:60px;text-align:right}.strength-label.weak{color:var(--danger-color)}.strength-label.medium{color:var(--warning-color)}.strength-label.strong{color:var(--success-color)}.password-checklist{background:var(--bg-color);border-radius:10px;margin-bottom:1.25rem;padding:1rem}.checklist-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;gap:.625rem;padding:.375rem 0;transition:color .3s ease}.checklist-item i{color:var(--border-color);font-size:.8rem;transition:color .3s ease}.checklist-item.met,.checklist-item.met i{color:var(--success-color)}.password-match{align-items:center;display:flex;font-size:.85rem;gap:.5rem;margin-top:.5rem}.password-match.match{color:var(--success-color)}.error-message,.password-match.no-match{color:var(--danger-color)}.error-message{display:block;font-size:.85rem;margin-top:.375rem}.error-banner{align-items:center;background:#dc35451a;border:1px solid var(--danger-color);border-radius:10px;color:var(--danger-color);display:flex;font-size:.9rem;gap:.75rem;margin-bottom:1rem;padding:1rem}.error-banner i{font-size:1.1rem}.resend-section{background:var(--bg-color);border-radius:10px;margin:1rem 0;padding:1rem;text-align:center}.resend-section p{color:var(--text-secondary);font-size:.9rem;margin:0 0 .5rem}.btn-link{background:none;border:none;color:var(--primary-color);cursor:pointer;font-family:Poppins,sans-serif;font-size:.9rem;font-weight:600;padding:0;transition:color .3s ease}.btn-link:hover:not(:disabled){color:var(--secondary-color);text-decoration:underline}.btn-link:disabled{color:var(--text-secondary);cursor:not-allowed}.password-reset-success{padding:1rem 0;text-align:center}.password-reset-success .success-icon{align-items:center;animation:successPulse .5s ease;background:linear-gradient(135deg,var(--success-color),#00c896);border-radius:50%;color:#fff;display:flex;font-size:2.5rem;height:90px;justify-content:center;margin:0 auto 1.5rem;width:90px}@keyframes successPulse{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.password-reset-success h4{color:var(--text-primary);font-size:1.5rem;margin:0 0 .75rem}.password-reset-success>p{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin:0 0 1.5rem}.success-tips{background:var(--bg-color);border:1px solid var(--border-light);border-radius:12px;margin-bottom:1.5rem;padding:clamp(1rem,2vw,1.5rem);text-align:left}.success-tips h5{align-items:center;color:var(--text-primary);display:flex;font-size:clamp(.95rem,1.5vw,1.1rem);font-weight:700;gap:.5rem;margin:0 0 .75rem}.success-tips h5 i{color:var(--warning-color)}.success-tips ul{list-style:none;margin:0;padding:0}.success-tips ul li{color:var(--text-secondary);font-size:clamp(.85rem,1.3vw,.95rem);line-height:1.6;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.success-tips ul li:before{color:var(--success-color);content:"✓";font-weight:700;left:0;position:absolute}.password-reset-form .form-actions,.password-reset-options .form-actions,.password-reset-success .form-actions{align-items:center;border-top:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:clamp(1rem,2vw,1.5rem);justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.password-reset-form .btn,.password-reset-options .btn,.password-reset-success .btn{align-items:center;border-radius:var(--radius-md);display:inline-flex;flex-shrink:0;font-size:clamp(.8rem,1.3vw,.95rem);gap:clamp(.25rem,.5vw,.4rem);justify-content:center;line-height:1.2;max-width:none!important;min-width:100px!important;overflow:visible;padding:clamp(.6rem,1.2vw,.8rem) clamp(1.2rem,2.5vw,1.8rem);white-space:nowrap;width:auto!important;word-break:keep-all}.password-reset-form .form-actions .btn-primary,.password-reset-options .form-actions .btn-primary,.password-reset-success .form-actions .btn-primary{background:var(--primary-gradient);box-shadow:0 4px 12px #667eea40;color:#fff;flex-shrink:0;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.password-reset-form .form-actions .btn-primary:hover,.password-reset-options .form-actions .btn-primary:hover,.password-reset-success .form-actions .btn-primary:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.password-reset-form .form-actions .btn-secondary,.password-reset-options .form-actions .btn-secondary,.password-reset-success .form-actions .btn-secondary{background:#667eea14;border:1.5px solid #667eea4d;color:var(--text-primary);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.password-reset-form .form-actions .btn-secondary:hover,.password-reset-options .form-actions .btn-secondary:hover,.password-reset-success .form-actions .btn-secondary:hover{background:#667eea1f;border-color:#667eea80;transform:translateY(-1px)}.password-reset-form .btn i,.password-reset-success .btn i{font-size:.9rem}.fa-spinner.fa-spin{animation:spin 1s linear infinite}.progress-indicator{margin-bottom:clamp(1.25rem,3vw,1.5rem);padding:clamp(0,1vw,0)}.progress-step .step-number{font-size:clamp(.8rem,2vw,.9rem);height:clamp(30px,6vw,36px);width:clamp(30px,6vw,36px)}.progress-step .step-label{font-size:clamp(.65rem,1.5vw,.75rem);max-width:clamp(60px,12vw,80px)}.progress-line{margin:0 clamp(.25rem,.5vw,.35rem) clamp(1.25rem,2.5vw,1.5rem);width:clamp(30px,5vw,40px)}.option-card{padding:clamp(1rem,2vw,1.25rem)}.option-icon{font-size:clamp(1.1rem,2vw,1.3rem);height:clamp(42px,8vw,48px);width:clamp(42px,8vw,48px)}.option-content h4{font-size:clamp(.95rem,2vw,1rem)}.option-content p{font-size:clamp(.8rem,1.5vw,.9rem)}.step-header .step-icon{font-size:clamp(1.5rem,3vw,1.8rem);height:clamp(60px,10vw,70px);width:clamp(60px,10vw,70px)}.step-header h4{font-size:clamp(1.2rem,3vw,1.4rem)}.step-header p{font-size:clamp(.9rem,2vw,1rem)}.password-reset-form .form-group input{font-size:clamp(.95rem,2vw,1rem);padding:clamp(.75rem,1.5vw,.9rem)}.verification-input{font-size:clamp(1.25rem,3vw,1.5rem)!important;letter-spacing:clamp(.35rem,1vw,.5rem)}.password-checklist{padding:clamp(.875rem,1.5vw,1rem)}.checklist-item{font-size:clamp(.8rem,1.5vw,.9rem)}.password-reset-success .success-icon{font-size:clamp(2rem,4vw,2.5rem);height:clamp(70px,12vw,80px);width:clamp(70px,12vw,80px)}.password-reset-success h4{font-size:clamp(1.25rem,3vw,1.5rem)}.password-reset-form .form-actions,.password-reset-success .form-actions{flex-direction:row}.password-reset-form .btn,.password-reset-success .btn{width:auto}.mfa-setup-container{animation:slideIn .4s cubic-bezier(.4,0,.2,1);padding:.5rem 0}.mfa-setup-content{animation:fadeIn .5s ease;min-height:300px}.mfa-step-card{align-items:flex-start;animation:slideInRight .5s ease;background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;display:flex;gap:1rem;margin-bottom:1rem;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.mfa-step-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-sm)}.mfa-step-number{align-items:center;animation:scaleIn .4s ease;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;color:#fff;display:flex;font-size:1rem;font-weight:700;height:36px;justify-content:center;min-width:36px;width:36px}.mfa-step-content{animation:slideIn .4s ease;flex:1 1}.mfa-step-content h5{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .375rem}.mfa-step-content p{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0}.download-buttons{animation:fadeIn .5s ease;display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}.download-btn{align-items:center;animation:scaleIn .4s ease;border:none;border-radius:8px;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:600;gap:.5rem;padding:.625rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.download-btn.ios{background:#000;color:#fff}.download-btn.ios:hover{background:#333;transform:translateY(-2px)}.download-btn.android{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#1a1a1a}.download-btn.android:hover{box-shadow:0 4px 12px #43e97b4d;transform:translateY(-2px)}.download-btn i{font-size:1.1rem}.issue-list{gap:.75rem}.issue-card{padding:1rem 1.25rem}.issue-card:hover{box-shadow:var(--shadow-md)}.issue-icon{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:10px;color:#fff;font-size:1.1rem;height:44px;min-width:44px;width:44px}.issue-arrow{font-size:.9rem}.requires-it-badge{align-items:center;background:#dc35451a;border-radius:20px;color:var(--danger-color);display:inline-flex;font-size:.7rem;font-weight:600;gap:.375rem;margin-top:.5rem;padding:.25rem .625rem}.requires-it-badge i{font-size:.65rem}.troubleshooting-steps{margin-top:1rem}.mfa-ticket-form .form-group{margin-bottom:1.25rem}.mfa-ticket-form .form-group label{align-items:center;color:var(--text-primary);display:flex;font-weight:500;gap:.5rem;margin-bottom:.5rem}.mfa-ticket-form .form-group label i{color:var(--primary-color);font-size:.9rem}.mfa-ticket-form .form-group input,.mfa-ticket-form .form-group textarea{background:var(--card-bg);border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-family:Poppins,sans-serif;font-size:1rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.mfa-ticket-form .form-group input:focus,.mfa-ticket-form .form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #0066cc1a;outline:none}.mfa-ticket-form .form-group input.error{border-color:var(--danger-color)}.mfa-ticket-form .form-group textarea{min-height:80px;resize:vertical}.mfa-success{padding:1rem 0;text-align:center}.mfa-success .success-icon{align-items:center;animation:successPulse .5s ease;background:linear-gradient(135deg,var(--success-color),#00c896);border-radius:50%;color:#fff;display:flex;font-size:2.5rem;height:90px;justify-content:center;margin:0 auto 1.5rem;width:90px}.mfa-success h4{color:var(--text-primary);font-size:1.5rem;margin:0 0 .75rem}.mfa-success>p{color:var(--text-secondary);font-size:.95rem;margin:0 0 1.5rem}.ticket-details{background:var(--bg-color);border-radius:12px;margin-bottom:1.5rem;padding:1.25rem;text-align:left}.ticket-detail-row{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.625rem 0}.ticket-detail-row:last-child{border-bottom:none}.ticket-detail-row .label{color:var(--text-secondary);font-size:.9rem}.ticket-detail-row .value{color:var(--text-primary);font-size:.9rem;font-weight:600}.ticket-detail-row .value.priority-high{color:var(--danger-color)}.ticket-detail-row .value.priority-medium{color:var(--warning-color)}.ticket-detail-row .value.priority-low{color:var(--success-color)}.mfa-step-card{padding:1rem}.mfa-step-number{font-size:.9rem;height:32px;min-width:32px;width:32px}.mfa-step-content h5{font-size:.95rem}.mfa-step-content p{font-size:.85rem}.download-buttons{flex-direction:column}.download-btn{justify-content:center;width:100%}.issue-card{padding:.875rem 1rem}.issue-icon{font-size:1rem;height:40px;min-width:40px;width:40px}.issue-content h5{font-size:.9rem}.issue-content p{font-size:.75rem}.mfa-success .success-icon{font-size:2rem;height:70px;width:70px}.mfa-success h4{font-size:1.25rem}.ticket-details{padding:1rem}.ticket-detail-row{align-items:flex-start;flex-direction:column;gap:.25rem}.mfa-ticket-form .form-group input,.mfa-ticket-form .form-group textarea{font-size:.95rem;padding:.75rem}.ticket-creation-flow,.ticket-flow-selection{padding:.5rem 0}.issue-list{display:flex;flex-direction:column;gap:1rem}.issue-card{align-items:center;background:var(--bg-color);border:2px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:1rem;gap:1rem;padding:1.25rem;text-align:left;transition:all .3s ease;width:100%}.issue-card:hover{background:#0078d405;border-color:var(--primary-color);box-shadow:0 4px 12px #0078d426;transform:translateX(5px)}.issue-card:active{transform:translateX(3px)}.issue-icon{align-items:center;background:#0078d41a;border-radius:12px;color:var(--primary-color);display:flex;flex-shrink:0;font-size:1.5rem;height:50px;justify-content:center;width:50px}.issue-content{flex:1 1}.issue-content h5{color:var(--text-primary);font-size:1.05rem;font-weight:600;margin:0 0 .25rem}.issue-content p{color:var(--text-secondary);font-size:.85rem;margin:0}.issue-arrow{color:var(--text-secondary);font-size:1rem;transition:transform .3s ease}.issue-card:hover .issue-arrow{color:var(--primary-color);transform:translateX(4px)}.ticket-flow-form{padding:.5rem 0}.form-header{border-bottom:1px solid var(--border-color);gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.back-button,.form-header{align-items:center;display:flex}.back-button{background:none;border:none;color:var(--primary-color);cursor:pointer;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.back-button:hover{background:var(--bg-color);border-radius:8px;gap:.75rem}.form-header h4{color:var(--text-primary);flex:1 1;font-size:1.3rem;margin:0}.selected-issue-badge{align-items:center;background:#0078d414;border:1px solid #0078d433;border-radius:8px;color:var(--text-primary);display:flex;font-size:.95rem;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.selected-issue-badge i{color:var(--primary-color);font-size:1.1rem}.ticket-form{gap:1.5rem}.ticket-form,.ticket-form .form-group{display:flex;flex-direction:column}.ticket-form .form-group label{color:var(--text-primary);display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.ticket-form .form-group input,.ticket-form .form-group textarea{background:var(--card-bg);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:Poppins,sans-serif;font-size:.95rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.ticket-form .form-group input:focus,.ticket-form .form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #0078d41a;outline:none}.ticket-form textarea{min-height:120px;resize:vertical}.form-actions{border-top:1px solid #667eea26;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.form-actions .btn{align-items:center;border:none;border-radius:.75rem;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;gap:.6rem;justify-content:center;max-width:200px;padding:.875rem 1.5rem;transition:all .34s cubic-bezier(.34,1.56,.64,1)}.form-actions .btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));box-shadow:0 6px 20px #667eea40;color:#fff}.form-actions .btn-primary:hover:not(:disabled){box-shadow:0 10px 30px #667eea59;transform:translateY(-2px)}.form-actions .btn-primary:active:not(:disabled){transform:translateY(0)}.form-actions .btn-primary:disabled{cursor:not-allowed;opacity:.7}.form-actions .btn-secondary{background:linear-gradient(135deg,#667eea14,#667eea0a);border:1.5px solid #667eea33;color:var(--text-primary)}.form-actions .btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#667eea26,#667eea14);border-color:#667eea59;transform:translateY(-2px)}.form-actions .btn-secondary:disabled{cursor:not-allowed;opacity:.7}.ticket-flow-success{padding:2rem 1rem;text-align:center}.success-icon{align-items:center;animation:successScale .5s ease;background:linear-gradient(135deg,#00c896,#43e97b);border-radius:50%;color:#fff;display:flex;font-size:2.5rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}@keyframes successScale{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.ticket-flow-success h4{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 .75rem}.ticket-flow-success p{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin:0 0 1rem}.ticket-flow-success .ticket-id{background:var(--bg-color);border-radius:8px;font-size:.9rem;margin:1.5rem 0;padding:1rem}.ticket-flow-success .btn{margin-top:1rem}.issue-card{padding:1rem}.issue-icon{font-size:1.25rem;height:45px;width:45px}.issue-content h5{font-size:.95rem}.issue-content p{font-size:.8rem}.form-header{align-items:flex-start;flex-direction:column}.back-button{margin-bottom:.5rem;padding:0}.form-header h4{font-size:1.1rem}.selected-issue-badge{flex-direction:column;text-align:left}.ticket-form .form-group input,.ticket-form .form-group label,.ticket-form .form-group textarea{font-size:.9rem}.success-icon{font-size:2rem;height:70px;width:70px}.ticket-flow-success h4{font-size:1.3rem}.repair-card{animation:slideIn .4s cubic-bezier(.4,0,.2,1);background:#4285f40d;border:1px solid #4285f41a;border-radius:16px;margin-bottom:2rem;padding:1.5rem}.repair-header{animation:slideInRight .5s ease;gap:1rem;margin-bottom:1.5rem}.repair-header,.step-badge{align-items:center;display:flex}.step-badge{animation:scaleIn .4s ease;background:var(--primary-color);border-radius:50%;color:#fff;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;width:40px}.repair-header h4{margin:0}.repair-header p{color:var(--text-secondary);font-size:.85rem;margin:0}.browser-grid{grid-gap:.75rem;animation:fadeIn .5s ease;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-bottom:1rem}.browser-card{align-items:center;animation:scaleIn .4s ease;background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1rem .5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.browser-card.selected{background:#4285f41a;border-color:var(--primary-color)}.browser-card i.browser-icon{color:var(--text-secondary);font-size:1.5rem;transition:all .3s ease}.browser-card.selected i.browser-icon{color:var(--primary-color)}.browser-card span.browser-name{font-size:.75rem;font-weight:600;text-transform:capitalize}.browser-card i.check-icon{animation:scaleIn .3s ease;color:var(--primary-color);font-size:.8rem;position:absolute;right:5px;top:5px}.browser-card .active-badge{animation:slideIn .3s ease;background:#34a853;border-radius:10px;color:#fff;font-size:.6rem;margin-top:2px;padding:2px 6px}.discovery-section{margin-bottom:1.5rem;text-align:center}.discovery-text{color:var(--text-secondary);font-size:.7rem;margin-bottom:.5rem}.btn-discovery{background:none;border:none;color:var(--primary-color);cursor:pointer;font-family:inherit;font-size:.8rem;padding:4px 8px}.btn-discovery:hover{text-decoration:underline}.divider{color:var(--border-color);margin:0 .5rem}.manual-selection-panel{background:#00000005;border:1px dashed var(--border-color);border-radius:12px;margin-bottom:1.5rem;padding:1rem}.manual-selection-panel p{font-size:.75rem;font-weight:600;margin-bottom:.75rem}.checkbox-group{display:flex;flex-wrap:wrap;gap:.5rem}.checkbox-label{align-items:center;background:var(--bg-color);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;display:flex;font-size:.8rem;gap:.5rem;padding:4px 8px}.btn-done{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.7rem;margin-top:1rem}.safe-clean-container{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem}.safe-clean-info{background:#34a8530d;border:1px solid #34a85333;border-radius:8px;gap:.75rem;padding:.75rem}.btn-clean,.safe-clean-info{align-items:center;display:flex;margin-bottom:1rem}.btn-clean{background:#34a853;border-color:#34a853;color:#fff;gap:.5rem;height:45px;justify-content:center;width:100%}.clean-steps{color:var(--text-secondary);display:flex;font-size:.8rem;gap:1rem}.clean-step{flex:1 1;text-align:center}.clean-step i{display:block;font-size:1rem;margin-bottom:4px}.manual-guides-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem}.manual-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.step-badge.secondary{background:var(--bg-color);border:1px solid var(--border-color);color:var(--text-primary)}.browser-tabs{display:flex;gap:.5rem;margin-bottom:1.25rem;overflow-x:auto;padding-bottom:.5rem}.browser-tab{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:20px;color:var(--text-primary);cursor:pointer;display:flex;font-size:.65rem;gap:.4rem;padding:.4rem .9rem;white-space:nowrap}.browser-tab.active{background:var(--primary-color);border:none;color:#fff}.tab-indicator{background:#34a853;border-radius:50%;height:6px;width:6px}.tab-content-area{min-height:120px;padding:.5rem}.empty-state{color:var(--text-secondary);text-align:center}.form-actions .btn-secondary{background:linear-gradient(135deg,#f5f5f5,#e8e8e8)!important;border:2px solid #d0d0d0!important;box-shadow:0 2px 6px #00000014!important;color:#1a1a1a!important;font-weight:600!important}.form-actions .btn-secondary:hover{background:linear-gradient(135deg,#e8e8e8,#d8d8d8)!important;border-color:#999!important;box-shadow:0 4px 14px #00000026!important;transform:translateY(-2px)!important}.form-actions .btn-primary{background:linear-gradient(135deg,#0078d4,#1084d7)!important;box-shadow:0 4px 12px #0078d44d!important;font-weight:600!important}.form-actions .btn-primary:hover{background:linear-gradient(135deg,#106ebe,#0078d4)!important;box-shadow:0 6px 20px #0078d466!important;transform:translateY(-2px)!important}body.dark-mode .form-actions .btn-secondary{background:linear-gradient(135deg,#2d3139,#1e2329)!important;border:2px solid #404854!important;box-shadow:0 2px 6px #0000004d!important;color:#e4e6eb!important}body.dark-mode .form-actions .btn-secondary:hover{background:linear-gradient(135deg,#3a3f47,#2d3139)!important;border-color:#4a9eff!important;box-shadow:0 4px 14px #4a9eff33!important;transform:translateY(-2px)!important}.contact-support-form{display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.5rem);padding:0}.contact-support-form .form-section{display:flex;flex:1 1;flex-direction:column;gap:clamp(.75rem,1.5vw,1rem);max-height:60vh;overflow-y:auto;padding:clamp(1rem,2vw,1.5rem)}.contact-support-form .form-section::-webkit-scrollbar{width:6px}.contact-support-form .form-section::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.contact-support-form .form-section::-webkit-scrollbar-thumb{background:var(--primary-gradient);border-radius:10px}.contact-support-form .form-group{margin-bottom:0}.contact-support-form .form-group label{color:var(--text-primary);display:block;font-size:clamp(.8rem,1.5vw,.95rem);font-weight:700;letter-spacing:.3px;margin-bottom:.5rem}.contact-support-form .form-group input,.contact-support-form .form-group select,.contact-support-form .form-group textarea{background:linear-gradient(135deg,#f8fafccc,#fff9)!important;border:2px solid var(--border-light);border-radius:var(--radius-lg);box-sizing:border-box;color:var(--text-primary)!important;font-family:Poppins,sans-serif;font-size:clamp(.8rem,1.5vw,.95rem);letter-spacing:.2px;padding:clamp(.6rem,1vw,.875rem) clamp(.75rem,1.5vw,1rem);transition:all var(--transition-base);width:100%}body.dark-mode .contact-support-form .form-group input,body.dark-mode .contact-support-form .form-group select,body.dark-mode .contact-support-form .form-group textarea{background:linear-gradient(135deg,#1e293b99,#19233780)!important;border-color:#6496ff33!important}.contact-support-form .form-group input:hover,.contact-support-form .form-group select:hover,.contact-support-form .form-group textarea:hover{border-color:var(--primary-color);box-shadow:0 0 0 3px #0066cc1a}.contact-support-form .form-group input:focus,.contact-support-form .form-group select:focus,.contact-support-form .form-group textarea:focus{background:linear-gradient(135deg,#fff,#f8fafce6)!important;border-color:var(--primary-color);box-shadow:0 0 0 3px #0066cc26,inset 0 0 8px #0066cc1a;outline:none;transform:translateY(-2px)}body.dark-mode .contact-support-form .form-group input:focus,body.dark-mode .contact-support-form .form-group select:focus,body.dark-mode .contact-support-form .form-group textarea:focus{background:linear-gradient(135deg,#283750cc,#1e293bb3)!important;box-shadow:0 0 0 3px #06c3,inset 0 0 8px #0066cc1a!important}.contact-support-form .form-group input:disabled,.contact-support-form .form-group select:disabled,.contact-support-form .form-group textarea:disabled{background-color:var(--disabled-bg)!important;color:var(--text-secondary)!important;cursor:not-allowed;opacity:.5}.contact-support-form .form-group textarea{font-family:Courier New,monospace;min-height:100px;resize:vertical}.contact-support-form .form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23667eea' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;cursor:pointer;padding-right:2.5rem}.contact-support-form .form-group label small{color:var(--error-color);font-weight:400;margin-left:.25rem}.contact-support-form .form-actions{background-color:var(--surface-secondary);border-top:1px solid var(--border-color);display:flex;gap:1rem;margin-top:auto;padding:1.5rem}.contact-support-form .form-actions button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease}.contact-support-form .form-actions button i{font-size:.9rem}.contact-support-form .form-actions button:disabled{cursor:not-allowed;opacity:.6;transform:none}.contact-support-form .form-actions button:hover:not(:disabled){box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}:root.dark-mode .contact-support-form .form-group input,:root.dark-mode .contact-support-form .form-group select,:root.dark-mode .contact-support-form .form-group textarea{background-color:var(--input-bg);border-color:var(--border-color);color:var(--text-primary)}:root.dark-mode .contact-support-form .form-actions{background-color:var(--surface-secondary);border-top-color:var(--border-color)}@keyframes spin{to{transform:rotate(1turn)}}.fa-spin{animation:spin 1s linear infinite}.contact-support-form .form-section{max-height:40vh}.contact-support-form .form-group{margin-bottom:1rem}.contact-support-form .form-actions{flex-direction:column;gap:.75rem;padding:1rem}.contact-support-form .form-actions button{font-size:.9rem;padding:.65rem 1rem;width:100%}.hardware-grid{grid-gap:clamp(.75rem,1.5vw,1.25rem);display:grid;gap:clamp(.75rem,1.5vw,1.25rem);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.hardware-card{align-items:center;background:linear-gradient(135deg,#f8fafcb3,#ffffff80);border:2px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:clamp(.5rem,1vw,.75rem);padding:clamp(.75rem,1.5vw,1rem);text-align:center;transition:all var(--transition-base)}body.dark-mode .hardware-card{background:linear-gradient(135deg,#1e293b99,#19233780);border-color:#6496ff33}.hardware-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-4px) scale(1.02)}.hardware-card.selected{background:linear-gradient(135deg,#0066cc26,#0066cc14);border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:scale(1.05)}body.dark-mode .hardware-card.selected{background:linear-gradient(135deg,#0066cc40,#0066cc26)}.hardware-card i{color:var(--text-secondary);font-size:clamp(1.5rem,3vw,2rem);transition:all var(--transition-base)}.hardware-card:hover i{color:var(--primary-color);transform:scale(1.1)}.hardware-card.selected i{animation:iconBounce .4s ease-in-out;color:var(--primary-color)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ticket-status-card{animation:slideInUp var(--transition-base) ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffc,#f8fafcb3);border:1px solid #fff9;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin:clamp(1.5rem,3vw,2rem) 0;padding:clamp(1.5rem,3vw,2rem);transition:all var(--transition-base)}body.dark-mode .ticket-status-card{background:linear-gradient(135deg,#1e293bcc,#192337b3);border-color:#6496ff33}.ticket-status-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.ticket-card-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;gap:clamp(1rem,2vw,1.5rem);margin-bottom:clamp(1.5rem,3vw,2rem);padding-bottom:clamp(1.5rem,3vw,2rem)}.ticket-card-icon{align-items:center;background:var(--primary-gradient);border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:#fff;display:flex;flex-shrink:0;font-size:clamp(1.5rem,3vw,1.8rem);height:clamp(50px,10vw,60px);justify-content:center;width:clamp(50px,10vw,60px)}.ticket-card-header h2{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:700;letter-spacing:.5px;margin:0}.ticket-card-header p{color:var(--text-secondary);font-size:clamp(.8rem,1.5vw,.95rem);margin:.25rem 0 0}.ticket-tabs{border-bottom:2px solid var(--border-light);display:flex;gap:clamp(.5rem,1vw,1rem);margin-bottom:clamp(1.5rem,3vw,2rem);overflow-x:auto;padding-bottom:0}.tab-btn{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-size:clamp(.8rem,1.5vw,.95rem);font-weight:600;gap:.5rem;letter-spacing:.3px;padding:clamp(.75rem,1.5vw,1rem) clamp(1rem,2vw,1.5rem);position:relative;transition:all var(--transition-base);white-space:nowrap}.tab-btn.active,.tab-btn:hover{color:var(--primary-color)}.tab-btn.active{border-bottom-color:var(--primary-color);font-weight:700}.tab-btn i{font-size:clamp(.85rem,1.5vw,1rem)}.ticket-content{min-height:400px}.api-response-display{animation:slideInDown .3s ease-out;background:#e8f5e9;background:var(--success-bg,#e8f5e9);border:2px solid #4caf50;border:2px solid var(--success-color,#4caf50);border-radius:12px;margin-bottom:2rem;padding:1.5rem}.response-header{align-items:center;border-bottom:1px solid #4caf50;border-bottom:1px solid var(--success-color,#4caf50);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.response-header h4{font-size:1.1rem;font-weight:600;margin:0}.close-btn,.response-header h4{color:#4caf50;color:var(--success-color,#4caf50)}.close-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.close-btn:hover{background:#4caf501a;border-radius:4px}.response-code{background:#1e1e1e;background:var(--dark-bg,#1e1e1e);border:1px solid var(--border-color);border-radius:8px;color:#4caf50;color:var(--success-color,#4caf50);font-family:Courier New,monospace;font-size:.85rem;line-height:1.5;margin:0;max-height:400px;overflow-x:auto;overflow-y:auto;padding:1rem}.response-code::-webkit-scrollbar{height:8px;width:8px}.response-code::-webkit-scrollbar-track{background:var(--border-color);border-radius:4px}.response-code::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}.response-code::-webkit-scrollbar-thumb:hover{background:var(--primary-color-hover)}.response-actions{align-items:center;border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem;padding-top:1.5rem}.response-actions .btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.response-actions .btn-secondary{background:linear-gradient(135deg,var(--primary-color),var(--primary-color-light));border:none;color:#fff;font-weight:600}.response-actions .btn-secondary:hover{box-shadow:0 4px 12px #3f51b54d;transform:translateY(-2px)}.response-actions small{color:var(--text-secondary);font-size:.85rem}.track-steps-list{background:linear-gradient(135deg,#3f51b50d,#3f51b505);border:1px solid #3f51b51a;border-radius:12px;margin:2rem 0;padding:1.5rem}.step-item{align-items:flex-start;display:flex;gap:1.5rem}.step-circle{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;color:#fff;display:flex;font-weight:700;height:36px;justify-content:center;min-width:36px;width:36px}.step-content h4{color:var(--text-primary);font-size:1rem;font-weight:700;margin:0 0 .5rem}.step-content p{color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin:0}.step-divider{background:var(--border-color);height:30px;margin:.5rem 0 .5rem 24px;width:2px}.btn-lg{font-size:1.1rem!important;padding:1rem 2rem!important}.ticket-info-box{align-items:flex-start;background:linear-gradient(135deg,#667eea14,#667eea08);border:1.5px solid #667eea26;border-left:4px solid var(--primary-color);border-radius:1rem;display:flex;gap:1rem;margin-top:1.5rem;padding:1.5rem;transition:all .34s cubic-bezier(.34,1.56,.64,1)}.ticket-info-box:hover{background:linear-gradient(135deg,#667eea1f,#667eea0f);border-color:#667eea4d;box-shadow:0 8px 25px #667eea1a}.ticket-info-box i{color:var(--primary-color);flex-shrink:0;font-size:1.5rem;margin-top:.2rem}.ticket-info-box p{color:var(--text-primary);font-size:.95rem;line-height:1.7;margin:0}.ticket-info-box strong{color:var(--text-primary);font-weight:700}.ticket-status-card{border-radius:12px;padding:1rem}.step-item{gap:1rem}.step-circle{font-size:1rem;height:45px;min-width:45px;width:45px}.step-divider{margin-left:21px}.step-content h4{font-size:.95rem}.step-content p{font-size:.85rem}.ticket-card-header{flex-direction:column;text-align:center}.ticket-card-icon{font-size:1.5rem;height:50px;width:50px}.ticket-card-header h2{font-size:1.5rem}.ticket-tabs{gap:.5rem}.tab-btn{font-size:.85rem;padding:.875rem 1rem}.form-row{grid-template-columns:1fr}.ticket-item-header{align-items:flex-start;flex-direction:column;gap:.5rem}.ticket-footer{align-items:center;border-top:1px solid #667eea26;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:2rem;padding-top:1.5rem}.ticket-footer p{color:var(--text-secondary);font-size:.95rem;margin:0}.ticket-footer .link-btn{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:.75rem;box-shadow:0 6px 20px #667eea40;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.6rem;padding:.75rem 1.5rem;transition:all .34s cubic-bezier(.34,1.56,.64,1)}.ticket-footer .link-btn:hover{box-shadow:0 10px 30px #667eea59;transform:translateY(-2px)}.ticket-footer .link-btn:active{transform:translateY(0)}.ticket-tabs{-webkit-overflow-scrolling:touch;overflow-x:scroll}.tab-btn{font-size:.8rem;padding:.75rem .875rem}.tab-btn i{display:none}.ticket-tab-panel h3{font-size:1.25rem}.form-group input,.form-group select,.form-group textarea{font-size:16px}.ticket-item{padding:1rem}.ticket-status{font-size:.75rem}:root.dark-mode .ticket-status-card{background:var(--card-bg);border-color:var(--border-color)}:root.dark-mode .ticket-card-header,:root.dark-mode .ticket-tabs{border-bottom-color:var(--border-color)}:root.dark-mode .form-group input,:root.dark-mode .form-group select,:root.dark-mode .form-group textarea{background:var(--bg-color);border-color:var(--border-color);color:var(--text-primary)}:root.dark-mode .ticket-item{background:var(--bg-color);border-color:var(--border-color)}.modal{animation:fadeIn var(--transition-base);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;display:none;height:100%;left:0;overflow:hidden;position:fixed;top:0;transition:left var(--transition-base);width:100%;z-index:2000}.app.sidebar-open .modal{left:clamp(280px,30vw,380px)}body.dark-mode .modal{background:#0009}.modal.active{align-items:center;display:flex;justify-content:center;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInCenter{0%{opacity:0;transform:scale(.7) translateY(-40px) rotateX(10deg)}to{opacity:1;transform:scale(1) translateY(0) rotateX(0deg)}}@keyframes slideOutCenter{0%{opacity:1;transform:scale(1) translateY(0) rotateX(0deg)}to{opacity:0;transform:scale(.7) translateY(-40px) rotateX(10deg)}}.modal-content{animation:slideInCenter .5s cubic-bezier(.34,1.56,.64,1) forwards;-webkit-backdrop-filter:blur(10px) saturate(180%);backdrop-filter:blur(10px) saturate(180%);background:linear-gradient(135deg,#fffffff2,#f8fafce6);border:1px solid #fffc;border-radius:var(--radius-xl);box-shadow:0 25px 50px #00000026,inset 0 1px 0 #ffffff80;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;perspective:1000px;transform-style:preserve-3d;width:clamp(300px,90vw,800px)}body.dark-mode .modal-content{background:linear-gradient(135deg,#141c2df2,#192337e6);border-color:#6496ff33}.modal-body.scrollable{scrollbar-color:var(--primary-color) #0000;scrollbar-width:thin}.modal-body.scrollable::-webkit-scrollbar{width:6px}.modal-body.scrollable::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.modal-body.scrollable::-webkit-scrollbar-thumb{background:var(--primary-gradient);border-radius:10px;-webkit-transition:all var(--transition-base);transition:all var(--transition-base)}.modal-body.scrollable::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#06c,#09f);box-shadow:0 0 6px #06c6}.modal-header{align-items:center;background:linear-gradient(135deg,#0066cc0d,#9d4edd0d);border-bottom:1px solid var(--border-light);border-radius:var(--radius-xl) var(--radius-xl) 0 0;display:flex;gap:1rem;justify-content:space-between;padding:clamp(1rem,2vw,1.5rem) clamp(1.5rem,3vw,2rem)}.modal-header h2{-webkit-text-fill-color:#0000;animation:slideInLeft .5s cubic-bezier(.4,0,.2,1);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:700;letter-spacing:.5px;margin:0}.modal-body{color:var(--text-primary);flex-grow:1;font-size:clamp(.9rem,1.5vw,1rem);line-height:1.6}.modal-body.scrollable{max-height:80vh;overflow-y:auto}.modal-actions-right{border-top:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end;margin-top:auto;padding-top:1rem}.modal-body img{border-radius:var(--radius-lg);height:auto;margin:.5rem 0;max-width:100%}.modal-body code,.modal-body pre{word-wrap:break-word;max-width:100%;overflow-x:auto}.step-instructions{background:var(--bg-color);border-radius:12px;margin:1.5rem 0;padding:1.5rem}.step-instructions h4{align-items:center;color:var(--primary-color);display:flex;font-size:1.2rem;font-weight:600;gap:.5rem;margin-bottom:1.25rem}.step-item{background:var(--card-bg);border-left:4px solid var(--primary-color);border-radius:8px;margin-bottom:1rem;padding:1.25rem;transition:all .3s ease}.step-item:hover{box-shadow:var(--shadow-md);transform:translateX(5px)}.step-number{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;display:inline-flex;font-size:.95rem;font-weight:700;height:32px;justify-content:center;margin-right:1rem;width:32px}.step-content{display:inline-block;vertical-align:top;width:calc(100% - 50px)}.step-title{color:var(--text-primary);font-size:1.05rem;font-weight:600;margin-bottom:.5rem}.step-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-top:.5rem}.step-note{background:linear-gradient(135deg,#0066cc14,#0066cc0a);border:1px solid #06c6;border-radius:10px;box-shadow:0 6px 18px #0066cc14;font-size:.95rem;margin:1rem 0;padding:1rem 1.25rem;text-align:center}body.dark-mode .step-note{background:linear-gradient(135deg,#00aaff1f,#00aaff0f);border-color:#00aaff80;box-shadow:0 6px 18px #00aaff1f}.step-note ul{display:block;list-style:none;margin:.5rem 0 0;padding:0;text-align:left}.step-note li{line-height:1.4;margin:.35rem 0;padding-left:1.35rem;position:relative}.step-note li:before{background:var(--primary-color);border-radius:50%;box-shadow:0 0 0 4px #0066cc0f;content:"";height:8px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:8px}.step-tip{background:linear-gradient(135deg,#e3f2fd,#e1f5fe);border:1px solid #2196f34d;border-radius:10px;box-shadow:0 4px 12px #2196f31a;font-size:.9rem;margin:1rem 0;padding:1rem}body.dark-mode .step-tip{background:linear-gradient(135deg,#2196f326,#2196f314);border-color:#2196f366;box-shadow:0 4px 12px #2196f326}.step-warning{background:linear-gradient(135deg,#ffebee,#ffcdd2);border:1px solid #f443364d;border-radius:10px;box-shadow:0 4px 12px #f443361a;font-size:.9rem;margin:1rem 0;padding:1rem}body.dark-mode .step-warning{background:linear-gradient(135deg,#f4433626,#f4433614);border-color:#f4433666;box-shadow:0 4px 12px #f4433626}.modal-content{border-radius:clamp(0px,2vw,12px);max-height:clamp(85vh,90vh,100%);max-width:700px;width:clamp(95%,min(100vw,700px),95%)}.modal-header{padding:clamp(1rem,2vw,1.25rem) clamp(1rem,3vw,1.5rem)}.modal-header h2{font-size:clamp(1.1rem,3vw,1.25rem)}.modal-body{padding:clamp(1rem,2vw,1.5rem)}.step-instructions{padding:clamp(1rem,2vw,1.25rem)}.step-instructions h4{font-size:clamp(1rem,2vw,1.1rem)}.step-item{padding:clamp(.875rem,2vw,1rem)}.step-number{font-size:clamp(.8rem,1.5vw,.85rem);height:clamp(26px,5vw,28px);width:clamp(26px,5vw,28px)}.step-content{width:calc(100% - 45px)}.step-title{font-size:clamp(.95rem,2vw,1rem)}.step-description{font-size:clamp(.85rem,1.5vw,.9rem)}.step-note,.step-tip,.step-warning{font-size:clamp(.85rem,1.5vw,.85rem);margin:clamp(.5rem,1vw,.75rem) 0;padding:clamp(.75rem,1vw,.75rem)}.close-modal{font-size:clamp(1rem,2vw,1.25rem);height:clamp(28px,6vw,32px);width:clamp(28px,6vw,32px)}@keyframes slideInRight{0%{opacity:0;transform:translateX(400px) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0) scale(1)}to{opacity:0;transform:translateX(100px) scale(.9)}}@keyframes notificationPulse{0%,to{box-shadow:var(--shadow-lg)}50%{box-shadow:var(--shadow-xl)}}.notification-container{display:flex;flex-direction:column;gap:clamp(.75rem,1vw,1rem);max-width:clamp(320px,90vw,400px);pointer-events:none;position:fixed;right:clamp(10px,2vw,20px);top:clamp(10px,2vw,20px);z-index:10000}.notification{align-items:flex-start;animation:slideInRight .4s cubic-bezier(.34,1.56,.64,1),notificationPulse 2s ease-in-out 2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#f8fafce6);border-left:4px solid var(--primary-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;gap:clamp(.75rem,1.5vw,1rem);max-width:400px;min-width:280px;overflow:hidden;padding:clamp(1rem,2vw,1.25rem) clamp(1rem,2vw,1.5rem);pointer-events:auto;position:relative}body.dark-mode .notification{background:linear-gradient(135deg,#141c2df2,#192337e6);border:1px solid #6496ff1a}.notification:before{animation:shimmerHeader 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%}.notification.removing{animation:slideOutRight var(--transition-base) forwards}.notification-icon{align-items:center;animation:scalePulse 1s ease-in-out;border-radius:var(--radius-full);display:flex;flex-shrink:0;font-size:clamp(1rem,1.5vw,1.2rem);height:clamp(36px,5vw,40px);justify-content:center;width:clamp(36px,5vw,40px)}.notification.success{border-left-color:var(--success-color)}.notification.success .notification-icon{background:linear-gradient(135deg,#4caf5026,#66bb6a1a);color:var(--success-color)}.notification.error{border-left-color:var(--danger-color)}.notification.error .notification-icon{background:#dc35451a;color:var(--danger-color)}.notification.warning{border-left-color:var(--warning-color)}.notification.warning .notification-icon{background:#ffa5001a;color:var(--warning-color)}.notification.info{border-left-color:var(--primary-color)}.notification.info .notification-icon{background:#0066cc1a;color:var(--primary-color)}.notification-content{flex:1 1}.notification-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.25rem}.notification-message{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.notification-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:24px;justify-content:center;padding:0;transition:all .3s ease;width:24px}.notification-close:hover{background:var(--bg-color);color:var(--text-primary)}
/*# sourceMappingURL=main.3999a225.css.map*/