html,body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--text-primary);background:var(--background-gradient);min-height:100dvh;overflow:hidden;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{height:100%}*{box-sizing:border-box}a{font-weight:500;color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover);text-decoration:underline}body{margin:0;padding:0;min-width:320px;height:100dvh}h2{font-size:1.75em;color:var(--text-primary)}button{font-family:inherit;cursor:pointer;transition:background-color .2s}.grecaptcha-badge{visibility:hidden!important}.show-recaptcha-badge .grecaptcha-badge{visibility:visible!important}@keyframes gradient-x{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-gradient-x{background-size:200% 200%;animation:gradient-x 3s ease infinite}.animate-spin-slow{animation:spin-slow 3s linear infinite}.modal-backdrop{position:fixed;inset:0;background:var(--modal-overlay);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-container{position:relative;display:flex;flex-direction:column;background:var(--modal-background);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:16px;max-height:90vh;overflow:hidden;box-shadow:var(--card-shadow-hover);animation:modalSlideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-small{width:90%;max-width:400px}.modal-medium{width:90%;max-width:600px}.modal-large{width:90%;max-width:800px}.modal-danger{border-color:var(--error-color)}.modal-warning{border-color:#ffc107}.modal-info{border-color:var(--primary)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color);flex-shrink:0}.modal-header-content{display:flex;align-items:center;gap:.75rem;flex:1}.modal-header-actions{display:flex;align-items:center;gap:.5rem}.modal-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--nav-active-bg);border:1px solid var(--primary);border-radius:12px;color:var(--primary);flex-shrink:0}.modal-danger .modal-icon{background:var(--error-background);border-color:var(--error-color);color:var(--error-color)}.modal-warning .modal-icon{background:#ffc1071a;border-color:#ffc107;color:#ffc107}.modal-info .modal-icon{background:var(--nav-active-bg);border-color:var(--primary);color:var(--primary)}.modal-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.modal-close-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.modal-close-button:hover:not(:disabled){background-color:var(--nav-hover);color:var(--text-primary);animation:modalCloseButtonSpin .3s ease-in-out}@keyframes modalCloseButtonSpin{0%{transform:rotate(0)}to{transform:rotate(90deg)}}.modal-close-button:disabled{opacity:.5;cursor:not-allowed}.modal-body{flex:1;overflow-y:auto;padding:24px;color:var(--text-primary)}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:var(--scrollbar-track)}.modal-body::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px;border:1px solid var(--scrollbar-thumb-border)}.modal-body::-webkit-scrollbar-thumb:hover{box-shadow:var(--scrollbar-thumb-hover-shadow)}.modal-body{scrollbar-width:thin;scrollbar-color:var(--scrollbar-firefox-color) var(--scrollbar-track)}.modal-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid var(--border-color);flex-shrink:0;justify-content:flex-end}.modal-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:12px 24px;font-size:.95rem;font-weight:600;border-radius:10px;border:2px solid;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;white-space:nowrap;min-width:fit-content}.modal-button-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.modal-button-label{display:inline-block}.modal-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.modal-button:hover:not(:disabled):before{left:100%}.modal-button-secondary{background:var(--input-background);border-color:var(--border-color);color:var(--text-secondary)}.modal-button-secondary:hover:not(:disabled){background:var(--nav-hover);border-color:var(--border-hover);color:var(--text-primary);transform:translateY(-2px)}.modal-button-primary{background:var(--nav-active-bg);border-color:var(--primary);color:var(--primary)}.modal-button-primary:hover:not(:disabled){background:var(--primary);color:#fff;box-shadow:0 0 20px var(--primary);transform:translateY(-2px)}.modal-button-danger{background:var(--error-background);border-color:var(--error-color);color:var(--error-color)}.modal-button-danger:hover:not(:disabled){background:var(--error-color);color:#fff;box-shadow:0 0 20px var(--error-color);transform:translateY(-2px)}.modal-button-warning{background:#ffc10726;border-color:#ffc107;color:#ffc107}.modal-button-warning:hover:not(:disabled){background:#ffc10740;box-shadow:0 0 20px #ffc10766;transform:translateY(-2px)}.modal-button-success{background:#22c55e26;border-color:var(--success-color);color:var(--success-color)}.modal-button-success:hover:not(:disabled){background:var(--success-color);color:#fff;box-shadow:0 0 20px var(--success-color);transform:translateY(-2px)}.modal-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.modal-button:active:not(:disabled){transform:translateY(0)}@media(max-width:768px){.modal-backdrop{padding:10px}.modal-container{max-height:95vh}.modal-small,.modal-medium,.modal-large{width:95%;max-width:none}.modal-header{padding:16px 20px}.modal-body{padding:20px}.modal-footer{padding:16px 20px;flex-direction:column-reverse}.modal-button{width:100%;justify-content:center}.modal-icon{width:40px;height:40px}.modal-title{font-size:1.1rem}}@media(max-width:640px){.modal-backdrop{padding:0}.modal-container{width:100vw;height:100vh;max-height:100%;border-radius:0;touch-action:pan-y}.modal-small,.modal-medium,.modal-large{width:100%;max-width:none}.modal-close-button{min-height:44px;min-width:44px;padding:12px}.modal-button{min-height:44px;padding:14px 24px}}@media(max-height:600px)and (orientation:landscape){.modal-backdrop{padding:8px}.modal-container{max-height:90vh}.modal-header{padding:12px 20px}.modal-body{padding:16px 20px;overflow-y:auto;touch-action:pan-y}.modal-footer{padding:12px 20px}.modal-icon{width:36px;height:36px}.modal-title{font-size:1rem}.modal-button{padding:10px 20px;font-size:.9rem}}.password-strength-indicator{margin-top:.75rem;animation:slideDown .3s ease}.strength-bar-container{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.strength-bar-label{display:flex;align-items:center;gap:.375rem;font-size:.85rem;font-weight:600;min-width:140px;transition:color .3s ease}.strength-bar-background{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;position:relative}.strength-bar-fill{height:100%;border-radius:4px;transition:width .5s ease,background-color .3s ease}.strength-score{font-size:.75rem;font-weight:600;color:#ffffffb3;min-width:40px;text-align:right}.strength-feedback{display:flex;flex-direction:column;gap:.375rem;padding-left:.25rem}.feedback-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;padding:.375rem .5rem;border-radius:4px;animation:fadeIn .3s ease}.feedback-item svg{flex-shrink:0}.feedback-item.positive{color:#10b981;background:#10b9811a;border-left:2px solid #10b981}.feedback-item.negative{color:#ef4444;background:#ef44441a;border-left:2px solid #ef4444}.feedback-item.warning{color:#f59e0b;background:#f59e0b1a;border-left:2px solid #f59e0b}.feedback-item.suggestion{color:#4facfe;background:#4facfe1a;border-left:2px solid #4facfe}.user-profile{display:flex;align-items:center;color:var(--sidebar-text);font-weight:500;cursor:pointer;border-radius:8px;padding:8px;transition:all .2s ease}.user-profile.sign-in-prompt{background:transparent;border:1px solid var(--sidebar-border)}.user-profile.sign-in-prompt:hover{background-color:var(--nav-hover);border-color:var(--primary);transform:scale(1.02);box-shadow:0 2px 8px #0ea5e91a}.user-profile.sign-in-prompt:hover .sign-in-text{transform:scale(1.05);color:var(--primary)}.sign-in-content{display:flex;align-items:center;gap:8px;width:100%}.user-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--sidebar-text-secondary)}.sign-in-text{transition:all .2s ease;font-weight:500}.user-profile.signed-in,.user-profile.loading{background-color:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:12px;backdrop-filter:blur(10px)}.user-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.profile-picture{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--primary);flex-shrink:0;box-shadow:0 2px 8px #0ea5e933}.profile-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--primary);flex-shrink:0;box-shadow:0 2px 8px #0ea5e933}.email-icon{background:var(--primary);color:#fff}.user-details{display:flex;flex-direction:column;gap:2px;overflow:hidden;flex:1;min-width:0}.user-name{font-weight:600;font-size:14px;color:var(--sidebar-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:12px;color:var(--sidebar-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sign-out-button{background:transparent;border:none;border-radius:6px;padding:6px;cursor:pointer;color:var(--sidebar-text-secondary);transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px}.sign-out-button:hover{background:#ef444426;color:#ef4444;transform:scale(1.1)}.sign-out-button svg{width:14px;height:14px}.auth-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(8px)}.auth-modal{background:#1e2332f2;backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.1);border-radius:24px;width:420px;max-width:90vw;max-height:92vh;display:flex;flex-direction:column;box-shadow:0 25px 50px #00000080;animation:modalSlideIn .3s ease-out;overflow:hidden}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.auth-modal-header{display:flex;justify-content:space-between;align-items:center;padding:32px 32px 0;margin-bottom:24px;flex-shrink:0}.auth-modal-header h3{margin:0;color:#fffffff2;font-size:28px;font-weight:700;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.user-component__close-button{background:transparent;border:none;color:#fff9;cursor:pointer;padding:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;position:relative;overflow:hidden;transform-origin:center}.user-component__close-button:before{content:"";position:absolute;inset:0;background:#ffffff1a;border-radius:50%;opacity:0;transition:opacity .2s ease}.user-component__close-button:hover{color:#ffffffe6;transform:rotate(90deg);transform-origin:50% 50%}.user-component__close-button:hover:before{opacity:1}.auth-modal-content{padding:24px 32px 32px;overflow-y:auto;overflow-x:hidden;flex:1 1 auto;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(59,130,246,.5) rgba(255,255,255,.08)}.auth-modal-content::-webkit-scrollbar{width:6px}.auth-modal-content::-webkit-scrollbar-track{background:#ffffff14;border-radius:3px;margin:8px 0}.auth-modal-content::-webkit-scrollbar-thumb{background:#3b82f680;border-radius:3px}.auth-modal-content::-webkit-scrollbar-thumb:hover{background:#3b82f6b3}.success-message{background:#22c55e26;color:#86efac;padding:16px;border-radius:12px;margin-bottom:20px;font-size:14px;border:1px solid rgba(34,197,94,.3);backdrop-filter:blur(10px);display:flex;align-items:center;gap:8px}.forgot-password-link{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:#60a5facc;font-size:13px;cursor:pointer;padding:0;margin-top:8px;width:100%;justify-content:flex-end;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500}.forgot-password-link:hover{color:#93c5fd;text-decoration:underline}.forgot-password-link:active{color:#60a5fa}.forgot-password-link:focus{outline:none;color:#93c5fd}.forgot-password-link svg{flex-shrink:0}.forgot-password-link.highlight-animate{animation:subtleGlow 2s ease-in-out;color:#60a5fa}@keyframes subtleGlow{0%,to{opacity:.8}50%{opacity:1;filter:drop-shadow(0 0 8px rgba(96,165,250,.4))}}.form-group{margin-bottom:20px;position:relative}.form-group label{display:block;margin-bottom:8px;color:#ffffffe6;font-weight:600;font-size:14px}.password-input-wrapper{position:relative;width:100%}.password-input-wrapper input{width:100%;padding-right:50px}.password-toggle-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff9;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.password-toggle-btn:hover{color:#ffffffe6;background:#ffffff1a}.password-toggle-btn:active{transform:translateY(-50%) scale(.95)}.form-group input{width:100%;padding:16px 20px;border:1px solid rgba(255,255,255,.2);border-radius:12px;font-size:16px;transition:all .2s ease;box-sizing:border-box;background:#ffffff0d;color:#fffffff2;backdrop-filter:blur(10px)}.form-group input::placeholder{color:#ffffff80}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;background:#ffffff14}.form-group.has-error input{border-color:#ef4444;background:#ef44441a}.form-group.has-error input:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444433}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px)}20%,40%,60%,80%{transform:translate(8px)}}.form-group.shake{animation:shake .5s ease-in-out}.inline-error{display:flex;align-items:center;gap:8px;margin-top:8px;padding:10px 12px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:14px;font-weight:500;line-height:1.4;animation:slideDown .3s ease-out}.inline-error svg{flex-shrink:0;color:#ef4444}.auth-button{width:100%;padding:16px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;justify-content:center;gap:10px;backdrop-filter:blur(20px)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-button.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;margin-bottom:20px;box-shadow:0 4px 20px #3b82f64d}.terms-agreement-section{margin:20px 0;padding:20px;background:#ffffff0a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 16px #0000001a}.toggle-label{display:flex;align-items:center;gap:14px;margin-bottom:16px;font-size:13px;line-height:1.6;color:#ffffffd9;cursor:pointer;transition:all .3s ease;padding:8px;border-radius:8px}.toggle-label:last-child{margin-bottom:0}.toggle-label:hover{background:#ffffff0d;color:#fffffff2}.toggle-label input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.toggle-switch{position:relative;width:44px;height:24px;background:#ffffff1a;border-radius:24px;border:1px solid rgba(255,255,255,.15);transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;box-shadow:inset 0 2px 4px #0003}.toggle-slider{position:absolute;top:2px;left:2px;width:18px;height:18px;background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #0000004d}.toggle-label input[type=checkbox]:checked+.toggle-switch{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f680;box-shadow:0 0 12px #3b82f666,inset 0 2px 4px #0000001a}.toggle-label input[type=checkbox]:checked+.toggle-switch .toggle-slider{transform:translate(20px);background:linear-gradient(135deg,#fff,#e0e7ff);box-shadow:0 2px 8px #3b82f680}.toggle-label input[type=checkbox]:focus+.toggle-switch{outline:2px solid rgba(59,130,246,.5);outline-offset:2px}.toggle-label.required{color:#fffffff2}.toggle-label.required .toggle-text{font-weight:500}.toggle-text{flex:1}.toggle-label a{color:#60a5fa;text-decoration:none;transition:all .2s ease;font-weight:500;position:relative}.toggle-label a:hover{color:#93c5fd}.toggle-label a:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;background:linear-gradient(90deg,#60a5fa,#93c5fd);transition:width .3s ease}.toggle-label a:hover:after{width:100%}.auth-button.primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.auth-button.google{background:#ffffff1a;color:#ffffffe6;border:1px solid rgba(255,255,255,.2);margin-bottom:24px}.auth-button.google:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 8px 25px #ffffff1a}.auth-divider{text-align:center;margin:28px 0;position:relative;color:#ffffff80;font-size:13px;font-weight:500;display:flex;align-items:center;gap:16px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),rgba(255,255,255,.15))}.auth-divider:after{background:linear-gradient(90deg,rgba(255,255,255,.15),rgba(255,255,255,.15),transparent)}.auth-divider span{flex-shrink:0}.auth-toggle{text-align:center;color:#ffffffb3;font-size:14px}.auth-toggle p{margin:0}.link-button{background:transparent;border:none;color:#3b82f6;cursor:pointer;font-weight:600;text-decoration:none;font-size:inherit;transition:color .2s ease}.link-button:hover{color:#60a5fa;text-decoration:underline}.user-stats{font-size:12px;color:#999;margin-top:4px}.profile-icon.loading{animation:pulse 1.5s ease-in-out infinite}.auth-context-banner{display:flex;padding:22px 24px;margin-top:4px;margin-bottom:24px;background:linear-gradient(135deg,#3b82f614,#9333ea14);border:1px solid rgba(59,130,246,.25);border-radius:12px;backdrop-filter:blur(10px);position:relative;overflow:hidden;flex-shrink:0;min-height:fit-content}.auth-context-banner:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.5),rgba(147,51,234,.5),transparent);animation:shimmer 3s infinite}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}.auth-context-banner .context-content{flex:1;width:100%;display:flex;flex-direction:column}.auth-context-banner .context-content h4{margin:0 0 8px;font-size:16px;font-weight:600;color:#fffffff2;letter-spacing:-.02em}.auth-context-banner .context-content p{margin:0 0 14px;font-size:13.5px;color:#ffffffb3;line-height:1.5}.auth-context-banner .context-features{display:flex;flex-direction:column;gap:9px;flex-shrink:0}.auth-context-banner .context-feature{display:flex;align-items:center;gap:10px;font-size:13.5px;color:#ffffffe0;font-weight:500;white-space:nowrap;flex-shrink:0}.auth-context-banner .context-feature svg{color:#3b82f6d9;flex-shrink:0}@media(max-width:640px){.auth-modal{max-height:94vh;width:95vw}.auth-modal-header{padding:24px 24px 0;margin-bottom:16px}.auth-modal-header h3{font-size:24px}.auth-modal-content{padding:20px 24px 24px}.auth-context-banner{padding:18px 20px;margin-top:4px;margin-bottom:20px}.auth-context-banner .context-content h4{font-size:15px}.auth-context-banner .context-content p{font-size:12.5px;margin-bottom:12px}.auth-context-banner .context-features{gap:7px}.auth-context-banner .context-feature{font-size:12.5px;gap:8px}}.recaptcha-disclosure{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.recaptcha-disclosure p{font-size:11px;line-height:1.5;color:#ffffff80;text-align:center;margin:0}.recaptcha-disclosure a{color:#ffffffb3;text-decoration:none;transition:color .2s ease}.recaptcha-disclosure a:hover{color:var(--primary);text-decoration:underline}.mfa-verification-container{display:flex;flex-direction:column;gap:20px}.mfa-info-banner{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#0ea5e91a;border:1px solid rgba(14,165,233,.3);border-radius:8px}.mfa-info-banner svg{color:var(--primary);flex-shrink:0;margin-top:2px}.mfa-info-banner h4{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--text-primary)}.mfa-info-banner p{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.5}.mfa-code-input{font-size:24px!important;letter-spacing:.5em!important;text-align:center!important;font-weight:600!important;padding:16px 12px!important}.mfa-button-group{display:flex;gap:12px;margin-top:8px}.mfa-button-group .auth-button{flex:1;width:auto;min-width:0;margin-bottom:0}.auth-button.secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);color:#8491b5}.auth-button.secondary:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff4d;color:var(--text-primary);transform:translateY(-1px)}@media(max-width:768px){.mfa-button-group{flex-direction:column}.mfa-button-group .auth-button{width:100%}}.light-theme .password-toggle-btn{color:#00000080}.light-theme .password-toggle-btn:hover{color:#000c;background:#0000000d}.system-load-container{background:var(--background-secondary);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:8px;border:1px solid var(--border-color);padding:8px 10px;margin-top:0;transition:all .3s ease}.system-load-container:hover{background:var(--background-tertiary);border-color:var(--border-hover)}.system-load-header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.system-load-icon{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);animation:pulse-scale 2s cubic-bezier(.4,0,.6,1) infinite;transform-origin:center}@keyframes pulse-scale{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.65)}}.system-load-title{font-size:.625rem;font-weight:600;color:var(--text-secondary);letter-spacing:.3px;text-transform:uppercase}.connection-indicator{width:6px;height:6px;border-radius:50%;margin-left:auto;transition:all .3s ease}.connection-indicator.connected{background-color:var(--success-color);box-shadow:0 0 8px var(--success-glow);animation:pulse-glow 2s ease-in-out infinite}.connection-indicator.disconnected{background-color:var(--error-color);box-shadow:0 0 6px var(--error-light)}@keyframes pulse-glow{0%,to{box-shadow:0 0 8px var(--success-glow)}50%{box-shadow:0 0 12px var(--success-color)}}.system-load-error{font-size:11px;color:var(--error-color);padding:8px;background:var(--error-background);border-radius:6px;text-align:center;margin-bottom:8px}.system-load-content{display:flex;flex-direction:column;min-height:6px}.load-bar-container{width:100%;height:6px;background:var(--progress-bar-bg);border-radius:3px;border:1px solid var(--border-color);overflow:hidden;position:relative;min-height:6px}.load-bar-fill{height:100%;min-height:6px;border-radius:3px;transition:width .5s ease,background .5s ease,box-shadow .5s ease;position:relative;overflow:hidden}.load-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--shimmer-color),transparent);animation:shimmer 1.5s infinite}.load-bar-container.loading{display:flex;align-items:center;justify-content:center;background:transparent}.loading-spinner{width:12px;height:12px;border:2px solid var(--border-color);border-top-color:var(--text-tertiary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.heavy-load-warning{display:flex;align-items:center;gap:4px;margin-top:6px;padding:4px 8px;background:var(--error-background);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--error-light);border-radius:4px;font-size:10px;color:var(--error-color);animation:pulse-red 2s ease-in-out infinite;box-shadow:0 0 12px var(--error-light)}.heavy-load-warning svg{flex-shrink:0;filter:drop-shadow(0 0 4px var(--error-light))}@keyframes pulse-red{0%,to{box-shadow:0 0 12px var(--error-light);border-color:var(--error-light)}50%{box-shadow:0 0 16px var(--error-color);border-color:var(--error-color)}}@media(max-width:768px){.system-load-container{padding:10px}.system-load-title{font-size:11px}.load-percentage{font-size:16px}.bucket-item{font-size:10px}}.loading-spinner{animation:spin 1s linear infinite;flex-shrink:0;color:var(--primary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-overlay{position:absolute;inset:0;background:#14141ecc;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;border-radius:inherit}.light-theme .loading-overlay{background:#ffffffe6}.loading-content{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;background:#14141ee6;border:1px solid rgba(255,255,255,.1);border-radius:12px;backdrop-filter:blur(20px)}.light-theme .loading-content{background:#fffffff2;border:1px solid rgba(0,0,0,.1)}.overlay-spinner{color:var(--primary)}.loading-message{color:#fffc;font-size:.9rem;font-weight:500;text-align:center}.light-theme .loading-message{color:var(--text-primary)}.inline-loading{display:flex;align-items:center;gap:8px;color:#ffffffb3;font-size:.9rem}.light-theme .inline-loading{color:var(--text-secondary)}.inline-loading .loading-spinner{color:var(--primary)}.btn-loading{display:flex;align-items:center;justify-content:center;gap:8px}.btn-loading .loading-spinner{color:currentColor}.chat-search-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.chat-search-modal{background:var(--chat-bg);border-radius:16px;border:1px solid var(--border-color);box-shadow:0 24px 64px #00000080;max-width:700px;width:100%;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;position:relative;z-index:10001}.chat-search-header{padding:24px 24px 16px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:16px}.search-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:16px;color:var(--text-secondary);pointer-events:none}.search-input{width:100%;padding:14px 16px 14px 48px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:12px;color:var(--text-color);font-size:16px;outline:none;transition:all .2s ease}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.search-input::placeholder{color:var(--text-secondary)}.chat-search-modal__close-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.chat-search-modal__close-button:hover{background:var(--hover-bg);color:var(--text-color)}.chat-search-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.search-loading{padding:48px 24px;display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--text-secondary)}.search-results{flex:1;overflow-y:auto;padding:8px}.search-result-item{padding:16px;margin-bottom:8px;border-radius:12px;border:1px solid transparent;cursor:pointer;transition:all .2s ease;background:var(--message-bg)}.search-result-item:hover{background:var(--hover-bg);border-color:var(--border-color);transform:translateY(-1px)}.search-result-item:last-child{margin-bottom:0}.result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.result-info{flex:1;min-width:0}.result-title{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-color);margin-bottom:4px;line-height:1.4}.result-title svg{flex-shrink:0;color:var(--text-secondary)}.result-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.result-meta svg{flex-shrink:0}.match-count{background:var(--primary-color);color:#fff;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500}.message-previews{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color)}.message-preview{margin-bottom:8px;font-size:14px;line-height:1.4}.message-preview:last-child{margin-bottom:0}.message-role{font-weight:600;color:var(--text-secondary);margin-right:8px}.message-content{color:var(--text-color)}.more-matches{font-size:12px;color:var(--text-secondary);margin-top:8px;font-style:italic}.search-highlight{background:#ffeb3b4d;border-radius:3px;padding:1px 2px;font-weight:600}.no-results,.search-placeholder{padding:48px 24px;text-align:center;color:var(--text-secondary)}.no-results svg,.search-placeholder svg{margin-bottom:16px;opacity:.5}.no-results h3,.search-placeholder h3{color:var(--text-color);margin-bottom:8px;font-size:18px;font-weight:600}.no-results p,.search-placeholder p{margin:0;font-size:14px}@media(max-width:768px){.chat-search-overlay{padding:12px}.chat-search-modal{max-height:90vh;border-radius:12px}.chat-search-header{padding:16px;flex-direction:row;gap:12px}.search-input-wrapper{flex:1}.search-input{font-size:16px}.chat-search-modal__close-button{flex-shrink:0}.search-results{padding:8px}.search-result-item{padding:12px;margin-bottom:8px}.result-header{flex-direction:column;align-items:flex-start;gap:8px}.result-info{width:100%}.result-title{width:100%;justify-content:flex-start}.result-meta{flex-wrap:wrap;justify-content:flex-start}.message-previews{margin-top:12px;padding-top:12px}.message-preview{text-align:left;display:block}}@media(prefers-color-scheme:dark){.search-highlight{background:#ffeb3b33;color:#fff3b8}}.tier-status-container{padding:.625rem;background:var(--background-secondary);backdrop-filter:blur(10px);border-radius:8px;border:1px solid var(--border-color);margin-bottom:0;display:flex;flex-direction:column;gap:.5rem;transition:all .3s ease}.tier-status-container.compact{gap:.375rem}.tier-header-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.tier-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:6px;border:1px solid;flex:1;position:relative;overflow:hidden}.tier-badge.bg-emerald-500\/10.border-emerald-500\/30{background:linear-gradient(135deg,#10b9811a,#0596691a,#10b9811a);background-size:200% 200%;border-color:#10b9814d;animation:hunterGradientFlow 3s ease infinite}.tier-badge.bg-emerald-500\/10.border-emerald-500\/30:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(16,185,129,.15) 0%,transparent 70%);animation:hunterGlow 2s ease-in-out infinite alternate;pointer-events:none}.tier-badge.bg-purple-500\/10.border-purple-500\/30{background:linear-gradient(135deg,#a855f726,#d946ef26,#ec489926,#a855f726);background-size:300% 300%;border-color:#a855f766;animation:executionerGradientFlow 4s ease infinite;box-shadow:0 0 20px #a855f733}.tier-badge.bg-purple-500\/10.border-purple-500\/30:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(168,85,247,.2) 0%,rgba(236,72,153,.1) 40%,transparent 70%);animation:executionerGlow 3s ease-in-out infinite alternate;pointer-events:none}.tier-badge.bg-purple-500\/10.border-purple-500\/30:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--shimmer-color),transparent);animation:executionerShimmer 3s ease-in-out infinite;pointer-events:none}.tier-badge.bg-blue-500\/10.border-blue-500\/30{background:#3b82f61a;border-color:#3b82f64d}.tier-badge.bg-emerald-500\/10.border-emerald-500\/30.whale-tier{background:linear-gradient(135deg,#10b98126,#14b8a626,#06b6d426,#10b98126);background-size:300% 300%;border-color:#10b98166;animation:whaleGradientFlow 5s ease infinite;box-shadow:0 0 25px #10b98140}.tier-badge.bg-emerald-500\/10.border-emerald-500\/30.whale-tier:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(16,185,129,.25) 0%,rgba(20,184,166,.15) 40%,transparent 70%);animation:whaleGlow 2.5s ease-in-out infinite alternate;pointer-events:none}@keyframes hunterGradientFlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes hunterGlow{0%{opacity:.3;transform:translate(0)}to{opacity:.6;transform:translate(10%,10%)}}@keyframes executionerGradientFlow{0%,to{background-position:0% 50%}33%{background-position:50% 100%}66%{background-position:100% 50%}}@keyframes executionerGlow{0%{opacity:.4;transform:translate(0) rotate(0)}to{opacity:.7;transform:translate(15%,15%) rotate(45deg)}}@keyframes executionerShimmer{0%{left:-100%}50%,to{left:100%}}@keyframes whaleGradientFlow{0%,to{background-position:0% 50%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}}@keyframes whaleGlow{0%{opacity:.5;transform:translate(0) scale(1)}to{opacity:.8;transform:translate(20%,20%) scale(1.1)}}.tier-icon{padding:.375rem;border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);box-shadow:0 1px 4px #0003}.tier-icon svg{width:14px;height:14px}.tier-info{display:flex;flex-direction:column;flex:1}.tier-name{font-weight:600;font-size:.75rem;color:var(--text-primary);margin-bottom:0;line-height:1.2}.tier-status{font-size:.625rem;color:var(--text-secondary);text-transform:capitalize;line-height:1.2}.tier-toggle-button{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:4px;padding:.375rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-tertiary);flex-shrink:0}.tier-toggle-button:hover{background:var(--background-tertiary);border-color:var(--border-hover);color:var(--text-primary)}.tier-toggle-button:active{transform:scale(.95)}.compact-stats{display:flex;align-items:center;justify-content:space-between;padding:.5rem;background:var(--compact-stats-bg);border-radius:6px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.compact-runtime{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.75rem;font-weight:600;transition:all .3s ease}.compact-runtime.runtime-warning{color:#ef4444;animation:runtimeWarningPulse 2s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(239,68,68,.6))}.compact-runtime.runtime-warning svg{animation:runtimeWarningGlow 2s ease-in-out infinite}@keyframes runtimeWarningPulse{0%,to{filter:drop-shadow(0 0 8px rgba(239,68,68,.6))}50%{filter:drop-shadow(0 0 16px rgba(239,68,68,.9))}}@keyframes runtimeWarningGlow{0%,to{filter:drop-shadow(0 0 4px rgba(239,68,68,.8))}50%{filter:drop-shadow(0 0 8px rgba(239,68,68,1))}}.compact-value{color:var(--text-primary)}.expanded-content{display:flex;flex-direction:column;gap:.5rem;animation:slideIn .3s ease}.usage-section{display:flex;flex-direction:column;gap:.375rem}.usage-header{display:flex;align-items:center;justify-content:space-between}.usage-label{display:flex;align-items:center;gap:.375rem;font-size:.6875rem;color:var(--text-secondary);font-weight:500}.usage-label svg{width:12px;height:12px}.usage-stats{display:flex;align-items:baseline;gap:.25rem;font-size:.875rem;font-weight:700}.hours-used{color:var(--text-primary)}.hours-separator{color:var(--text-tertiary);font-size:.75rem}.hours-limit{color:var(--text-secondary);font-size:.75rem}.progress-bar-container{width:100%;height:8px;background:var(--background-tertiary);border-radius:4px;overflow:hidden;position:relative;border:1px solid var(--border-color);box-shadow:inset 0 1px 3px #00000080;margin:8px 0}.progress-bar{height:100%;border-radius:4px;transition:width .3s ease,background .3s ease;position:relative;overflow:hidden;background:var(--progress-bar-fill);box-shadow:0 0 8px currentColor,0 0 12px currentColor,inset 0 1px 0 var(--shimmer-color)}.progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--shimmer-color),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.usage-remaining{font-size:.6875rem;color:var(--text-secondary)}.agent-count{display:flex;flex-direction:column;gap:.375rem;padding-top:.375rem;border-top:1px solid var(--border-color)}.stat-row{display:flex;align-items:center;justify-content:space-between;font-size:.6875rem}.tier-stat-label{color:var(--text-secondary);font-weight:500;font-size:.6875rem}.tier-stat-value{color:var(--text-primary);font-weight:600;font-size:.6875rem}.upgrade-button{display:flex;align-items:center;justify-content:center;gap:.375rem;width:100%;padding:.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:var(--text-primary);border:none;border-radius:6px;font-weight:600;font-size:.6875rem;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 4px #6366f14d}.upgrade-button svg{width:14px;height:14px}.upgrade-button:hover{transform:translateY(-1px);box-shadow:0 2px 8px #6366f166;background:linear-gradient(135deg,#7c3aed,#a855f7)}.upgrade-button:active{transform:translateY(0)}.manage-button{display:flex;align-items:center;justify-content:center;width:100%;padding:.5rem;background:var(--background-secondary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:6px;font-weight:500;font-size:.6875rem;cursor:pointer;transition:all .2s ease}.manage-button:hover{background:var(--background-tertiary);border-color:var(--border-hover);color:var(--text-primary)}.manage-button:active{transform:scale(.98)}.text-green-400{color:#4ade80}.text-red-400{color:#f87171}.text-gray-400{color:#9ca3af}.text-yellow-500{color:#eab308}.text-red-500{color:#ef4444}@media(max-width:768px){.tier-status-container{padding:.875rem}.tier-badge{padding:.625rem}.usage-stats{font-size:1.125rem}}.sidebar{width:260px;height:100dvh;background-color:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{padding:12px 16px;border-bottom:1px solid var(--sidebar-border);flex-shrink:0}.sidebar>.tier-status-container{margin:12px 16px 0;flex-shrink:0}.sidebar-header .logo-button{width:100%;display:flex;align-items:center;gap:12px;background:transparent;border:1px solid transparent;border-radius:12px;padding:8px 12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.sidebar-header .logo-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0ea5e91a,#10b9811a,#ec48991a);opacity:0;transition:opacity .3s ease;border-radius:12px;z-index:0}.sidebar-header .logo-button:hover{border-color:#0ea5e94d;box-shadow:0 0 20px #0ea5e933,0 0 40px #10b9811a,inset 0 1px #ffffff1a;transform:translateY(-1px)}.sidebar-header .logo-button:hover:before{opacity:1}.sidebar-header .logo-button:active{transform:translateY(0);transition:transform .1s ease}.sidebar-logo{width:38px;height:38px;object-fit:contain;transition:all .3s ease;position:relative;z-index:auto}.sidebar-header .logo-button:hover .sidebar-logo{filter:drop-shadow(0 0 8px rgba(14,165,233,.6));transform:scale(1.05)}.logo-text{display:flex;flex-direction:column;gap:1px;position:relative;z-index:auto}.logo-title{font-weight:600;font-size:16px;color:var(--sidebar-text);line-height:1.3;transition:all .3s ease}.sidebar-header .logo-button:hover .logo-title{color:var(--text-primary);text-shadow:0 0 10px rgba(14,165,233,.8)}.logo-subtitle{color:var(--sidebar-text-secondary);font-size:12px;font-weight:500;line-height:1.3;transition:all .3s ease}.logo-subtitle.enhanced-subtitle{background:linear-gradient(135deg,var(--primary) 0%,var(--success-color) 30%,#ec4899 60%,#9d4edd 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;background-position:100% 50%;filter:blur(0px);transition:all .3s ease;font-weight:600}.sidebar-header .logo-button:hover .enhanced-subtitle{filter:blur(.5px) brightness(1.2);text-shadow:0 0 10px rgba(14,165,233,.3),0 0 20px rgba(16,185,129,.2),0 0 30px rgba(236,72,153,.1);animation:gradientShift 3s ease-in-out infinite}.sidebar-section{display:flex;flex-direction:column;gap:4px}.sidebar-navigation{padding:12px 16px;flex-shrink:1;min-height:0;border-bottom:1px solid var(--sidebar-border)}.sidebar-chats{flex:1;overflow-y:auto;padding:12px 16px;position:relative;scroll-behavior:smooth;min-height:0}.sidebar-chats::-webkit-scrollbar{width:6px}.sidebar-chats::-webkit-scrollbar-track{background:transparent}.sidebar-chats::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px;opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);transform:scaleY(.8)}.sidebar-chats:hover::-webkit-scrollbar-thumb{opacity:1;background:#ffffff4d;transform:scaleY(1)}.sidebar-chats::-webkit-scrollbar-thumb:hover{background:#ffffff80;transform:scaleY(1.1)}.sidebar-chats::-webkit-scrollbar-thumb:active{background:#ffffffb3}.sidebar-chats{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent;transition:scrollbar-color .4s ease}.sidebar-chats:hover{scrollbar-color:rgba(255,255,255,.3) transparent}.sidebar-chats:before{content:"";position:absolute;top:0;left:0;right:0;height:20px;background:linear-gradient(to bottom,var(--sidebar-bg),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.sidebar-chats:after{content:"";position:absolute;bottom:0;left:0;right:0;height:20px;background:linear-gradient(to top,var(--sidebar-bg),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.sidebar-chats.has-scroll:before,.sidebar-chats.has-scroll:after{opacity:1}.sidebar .section-title{font-size:10px;font-weight:600;color:var(--sidebar-text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.sidebar-button,.chat-button{text-align:left;padding:10px 14px;background:transparent;border:none;border-radius:10px;cursor:pointer;color:var(--sidebar-text);transition:all .2s ease;display:flex;align-items:center;gap:10px;text-decoration:none;font-size:13px;font-weight:500;position:relative;overflow:hidden}.sidebar-button svg,.chat-button svg{width:16px;height:16px;flex-shrink:0}.sidebar-button.active{background-color:var(--nav-active);color:#fff;font-weight:600;border-radius:10px;box-shadow:0 2px 8px #0ea5e933}.sidebar-button:hover,.chat-button:hover{background-color:var(--nav-hover);color:var(--sidebar-text);transform:translate(2px);text-decoration:none}.sidebar-button.active:hover{background-color:var(--primary-hover);color:#fff;transform:translate(2px)}.sidebar-button:disabled{opacity:.5;cursor:not-allowed;color:var(--text-secondary)}.sidebar-button:disabled:hover{background-color:transparent;transform:none}.sidebar-button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.sidebar-button:disabled:hover{background-color:transparent;color:var(--sidebar-text);transform:none}.sidebar-button-group{display:flex;flex-direction:column;gap:0}.sidebar-button.expandable{justify-content:space-between}.sidebar-button.expandable svg:last-child{margin-left:auto;opacity:.6;transition:transform .2s ease,opacity .2s ease}.sidebar-button.expandable:hover svg:last-child{opacity:1}.submenu{display:flex;flex-direction:column;gap:2px;margin-left:20px;margin-top:4px;padding-left:10px;border-left:1px solid rgba(255,255,255,.1);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.submenu-item{padding:7px 10px;background:transparent;border:none;border-radius:8px;cursor:pointer;color:var(--sidebar-text-secondary);transition:all .2s ease;display:flex;align-items:center;text-decoration:none;font-size:12px;font-weight:500;position:relative}.submenu-item:hover{background-color:#ffffff0d;color:var(--sidebar-text);transform:translate(2px);text-decoration:none}.submenu-item.active{background-color:#0ea5e926;color:var(--primary-light);font-weight:600}.submenu-item.active:hover{background-color:#0ea5e933;color:var(--primary-light)}.chat-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:transparent;border:none;border-radius:8px;cursor:pointer;color:var(--sidebar-text);transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:2px;position:relative;width:100%;text-align:left;animation:slideInChat .5s cubic-bezier(.34,1.56,.64,1) forwards;transform-origin:top center}@keyframes slideInChat{0%{opacity:0;transform:translateY(-30px) scale(.95);max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0}60%{opacity:1;max-height:80px;margin-bottom:2px}80%{transform:translateY(2px) scale(1.02);padding-top:8px;padding-bottom:8px}to{opacity:1;transform:translateY(0) scale(1);max-height:80px;margin-bottom:2px;padding-top:8px;padding-bottom:8px}}.chat-item:hover{background-color:#ffffff08}.chat-item:hover .chat-title{color:var(--sidebar-text)}.chat-item.active{background-color:#0ea5e91a;border-left:3px solid var(--primary)}.chat-item.active .chat-title{color:var(--primary-light)}.chat-content{flex:1;min-width:0;padding-right:8px}.sidebar .chat-title{font-weight:500;font-size:13px!important;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:opacity .3s ease-in-out}.sidebar .chat-title svg{width:14px;height:14px;flex-shrink:0}.sidebar .chat-title.summarizing{opacity:.7;font-style:italic}.sidebar .chat-title.updating{animation:titleFadeIn .5s ease-in-out}@keyframes titleFadeIn{0%{opacity:.3;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}.delete-chat-button{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease;flex-shrink:0}.chat-item:hover .delete-chat-button{opacity:1}.delete-chat-button:hover{background-color:var(--error-color);color:#fff}.no-conversations,.loading-conversations{padding:16px 12px;text-align:center;color:var(--sidebar-text-secondary)}.no-conversations p,.loading-conversations p{margin:0;font-size:14px;line-height:1.4;color:var(--sidebar-text-secondary)}.no-conversations .hint{font-size:12px;color:var(--sidebar-text-muted);margin-top:4px}.sign-in-message{font-style:italic;color:var(--sidebar-text-secondary)}.delete-modal-overlay{position:fixed;inset:0;background-color:var(--modal-overlay);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;transition:opacity .3s ease}.delete-modal-overlay.visible{opacity:1}.delete-modal{background:var(--modal-background);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:16px;padding:24px;max-width:400px;width:90%;margin:0 20px;box-shadow:0 20px 40px #0000004d;transform:scale(.9) translateY(20px);transition:all .3s cubic-bezier(.4,0,.2,1)}.delete-modal-overlay.visible .delete-modal{transform:scale(1) translateY(0)}.delete-modal-header{margin-bottom:16px}.delete-modal-title{font-size:18px;font-weight:600;color:var(--sidebar-text);margin-bottom:8px}.delete-modal-description{font-size:14px;color:var(--sidebar-text-secondary);line-height:1.5}.delete-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.delete-modal-button{padding:10px 20px;border-radius:8px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.delete-modal-button.cancel{background:#ffffff1a;color:var(--sidebar-text);border:1px solid rgba(255,255,255,.2)}.delete-modal-button.cancel:hover{background:#ffffff26}.delete-modal-button.confirm{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.delete-modal-button.confirm:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px)}.sidebar-footer{padding:12px;border-top:1px solid var(--sidebar-border);flex-shrink:0;background-color:var(--sidebar-bg);display:flex;flex-direction:column;gap:8px;transition:min-height .3s ease}.sidebar-backdrop{position:fixed;inset:0;background:#00000080;z-index:99;backdrop-filter:blur(4px);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.sidebar{position:fixed;top:0;left:0;z-index:100;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);touch-action:none;width:280px;box-shadow:0 0 #0000}.sidebar.open{transform:translate(0);box-shadow:4px 0 24px #0000004d}}.phantom-wallet{display:flex;align-items:center}.phantom-connect-btn{background:var(--phantom-button-bg);border:1px solid var(--phantom-button-border);border-radius:10px;color:var(--phantom-button-text);cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:500;padding:8px 14px;transition:all .25s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px #0000001a}.phantom-connect-btn:hover{background:var(--phantom-button-hover-bg);border-color:var(--phantom-button-hover-border);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.phantom-connect-btn:active{transform:translateY(0);box-shadow:0 2px 6px #0000001a}.phantom-connect-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.phantom-icon{color:var(--phantom-icon-color);transition:transform .25s ease}.phantom-connect-btn:hover .phantom-icon{transform:scale(1.05)}.phantom-connected{background:var(--phantom-button-bg);border:1px solid var(--phantom-button-border);border-radius:10px;padding:6px 12px;display:flex;align-items:center;gap:10px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a}.phantom-connected:hover{background:var(--phantom-button-hover-bg);border-color:var(--phantom-button-hover-border);box-shadow:0 4px 12px #00000026}.wallet-icon{color:var(--phantom-icon-color);flex-shrink:0}.phantom-balance{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:600;color:var(--phantom-button-text);min-width:50px;text-align:right}.phantom-balance-amount{transition:all .3s ease}.phantom-balance-amount.updating{animation:balanceUpdate .8s ease-in-out}.phantom-balance-loading{color:#ffffff80;animation:pulse 1.5s ease-in-out infinite}.phantom-balance-error{color:#ef4444;font-size:12px}.sol-logo{width:18px;height:18px;object-fit:contain;flex-shrink:0;opacity:.9}.phantom-dropdown-btn{background:transparent;border:none;border-left:1px solid rgba(255,255,255,.1);padding:0 8px;margin-left:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff9;transition:all .25s ease;height:100%}.phantom-dropdown-btn:hover{color:#ffffffe6;background:#ffffff0d}.dropdown-icon{transition:transform .25s ease}.dropdown-icon.open{transform:rotate(180deg)}.phantom-connected-wrapper{position:relative}.phantom-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:#141a29f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:4px;min-width:160px;box-shadow:0 8px 24px #0000004d;animation:dropdownFadeIn .2s ease-out;z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.phantom-dropdown-item{width:100%;background:transparent;border:none;border-radius:6px;padding:10px 12px;display:flex;align-items:center;gap:10px;color:#fffc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.phantom-dropdown-item:hover{background:#ef44441a;color:#ef4444}.phantom-dropdown-item svg{flex-shrink:0}@keyframes balanceUpdate{0%{transform:scale(1);color:#10b981}25%{transform:scale(1.05);color:#3b82f6}50%{transform:scale(1.02);color:#8b5cf6}to{transform:scale(1);color:#10b981}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:768px){.phantom-wallet{gap:.25rem}.phantom-connect-btn{font-size:12px;padding:10px 16px;min-width:140px}.phantom-connected{padding:6px 10px;gap:8px}.phantom-address{font-size:11px}.phantom-balance{font-size:10px}}.token-action-backdrop{position:fixed;inset:0;background:transparent;z-index:998}.token-action-menu{position:fixed;background:var(--card-bg);border:1px solid rgba(117,180,243,.3);border-radius:12px;padding:8px;z-index:999;min-width:160px;box-shadow:0 8px 24px #0006,0 0 20px #75b4f333;backdrop-filter:blur(20px);animation:menu-fade-in .2s ease-out}@keyframes menu-fade-in{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.token-action-header{padding:8px 12px;border-bottom:1px solid rgba(117,180,243,.2);margin-bottom:4px}.token-action-symbol{color:var(--text-primary);font-size:13px;font-weight:700;letter-spacing:.3px}.token-action-items{display:flex;flex-direction:column;gap:4px}.token-action-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:transparent;border:none;border-radius:8px;color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left;width:100%}.token-action-item:hover{background:#75b4f326;transform:translate(4px)}.token-action-item:active{background:#75b4f340;transform:translate(4px) scale(.98)}.token-action-item svg{color:#75b4f3;flex-shrink:0}.token-action-item span{flex:1}.token-action-item.copied{background:#00ff8826;animation:pulse-success .4s ease}@keyframes pulse-success{0%,to{transform:translate(4px) scale(1)}50%{transform:translate(4px) scale(1.05)}}.trending-ticker{display:flex;align-items:center;gap:8px;flex:1;max-width:100%;min-width:0;margin:0 16px;padding-top:12px;padding-bottom:4px;height:56px;overflow:visible}.trending-header{display:flex;align-items:center;gap:8px;flex-shrink:0}.trending-ticker .category-badge{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#75b4f31a!important;border:1px solid rgba(117,180,243,.3)!important;border-radius:16px;color:#75b4f3!important;font-size:11px;font-weight:600;white-space:nowrap;backdrop-filter:blur(10px)}.trending-ticker .timeframe-badge{padding:2px 4px;background:#75b4f333!important;border:1px solid rgba(117,180,243,.3);border-radius:6px;font-size:9px;font-weight:700;letter-spacing:.3px;color:#75b4f3!important;cursor:pointer;transition:all .2s ease;outline:none}.trending-ticker .timeframe-badge:hover:not(:disabled){background:#75b4f34d!important;border-color:#75b4f380;transform:scale(1.05)}.trending-ticker .timeframe-badge:active:not(:disabled){transform:scale(.95)}.trending-ticker .timeframe-badge.cooldown{cursor:not-allowed;opacity:.6;animation:pulse-cooldown 1s ease-in-out infinite}.trending-ticker .timeframe-badge.loading{cursor:wait;opacity:.7;animation:pulse-loading .8s ease-in-out infinite}.trending-ticker .timeframe-badge:disabled{cursor:not-allowed}@keyframes pulse-cooldown{0%,to{opacity:.6}50%{opacity:.4}}@keyframes pulse-loading{0%,to{opacity:.7}50%{opacity:.5}}.trending-ticker .category-badge svg{color:#75b4f3!important}.trending-list{display:flex;gap:6px;flex:1;overflow-x:hidden;overflow-y:visible;scrollbar-width:none;-ms-overflow-style:none;align-items:center;transition:all .3s ease-in-out;position:relative;mask-image:linear-gradient(to right,#000 0% 85%,#0000);-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 100%)}.trending-list.carousel-active{mask-image:linear-gradient(to right,#0000,#000 10% 85%,#0000);-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 10%,rgba(0,0,0,1) 85%,rgba(0,0,0,0) 100%)}.trending-list::-webkit-scrollbar{display:none}.trending-list-inner{display:flex;gap:6px;align-items:center;animation:none}.trending-list.carousel-active .trending-list-inner{animation:carousel-scroll 60s linear infinite}.trending-list.carousel-active.paused .trending-list-inner{animation-play-state:paused}@keyframes carousel-scroll{0%{transform:translate(0)}to{transform:translate(calc(-100% - 6px))}}.trending-list.animating{opacity:0;transform:translateY(-10px)}.trending-loading{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:11px;padding:0 12px}.trending-error{display:flex;align-items:center;gap:6px;color:#ff4757;font-size:11px;padding:0 12px;animation:fadeIn .3s ease}.trending-empty{color:var(--text-secondary);font-size:11px;padding:0 12px;font-style:italic}.trending-item.loading{opacity:.7;pointer-events:none}.trending-item.loading{display:flex;align-items:center;justify-content:center;min-width:80px;gap:4px}.ticker-spinner{width:10px;height:10px;border:2px solid rgba(117,180,243,.2);border-top-color:#75b4f3;border-radius:50%;animation:ticker-spin .8s linear infinite;flex-shrink:0}.ticker-spinner.initial{width:16px;height:16px}@keyframes ticker-spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.trending-item{display:flex;align-items:center;gap:4px;padding:0;background:transparent;border:none;white-space:nowrap;flex-shrink:0;transition:all .2s ease;text-decoration:none!important;cursor:pointer;position:relative}.trending-item:hover{opacity:1;transform:translateY(-1px);filter:drop-shadow(0 0 8px rgba(117,180,243,.4));text-decoration:none!important}.trending-item:focus,.trending-item:active,.trending-item:visited{text-decoration:none!important}.copy-feedback-toast{position:fixed;top:80px;left:50%;transform:translate(-50%);background:#00ff88f2;color:var(--bg-primary);padding:12px 24px;border-radius:8px;font-size:13px;font-weight:600;box-shadow:0 4px 12px #0f86;z-index:1000;animation:toast-slide-in .3s ease-out}@keyframes toast-slide-in{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.trending-ticker .trending-item .token-rank{color:#75b4f3!important;font-size:10px!important;font-weight:600;min-width:12px;background:none!important;padding:0!important}.trending-ticker .trending-item .token-icon{width:16px!important;height:16px!important;border-radius:50%;object-fit:cover}.trending-ticker .trending-item .token-symbol{color:var(--text-primary)!important;background:none!important;background-color:transparent!important;padding:0!important;border-radius:0!important;font-size:10px!important;font-weight:600!important;font-family:inherit!important;letter-spacing:.2px;text-decoration:none!important}.trending-ticker .trending-item .token-change{font-size:10px!important;font-weight:700;padding:0!important;letter-spacing:.1px;background:none!important}.trending-ticker .trending-item .token-change.positive{color:var(--trending-positive)!important;background:none!important}.trending-ticker .trending-item .token-change.negative{color:var(--trending-negative)!important;background:none!important}@media(max-width:1600px){.trending-item:nth-child(n+9){display:none}.trending-list:after{content:"...";color:var(--text-secondary);padding:0 4px;font-size:10px}}@media(max-width:1400px){.trending-item:nth-child(n+7){display:none}}@media(max-width:1200px){.trending-item:nth-child(n+6){display:none}}@media(max-width:1000px){.trending-item:nth-child(n+4){display:none}}@media(max-width:800px){.trending-ticker{display:none}}.content-container{flex:1;display:flex;flex-direction:column;height:100dvh;background:transparent;overflow:hidden}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;border-bottom:1px solid var(--sidebar-border);background-color:var(--sidebar-bg);box-shadow:0 1px 3px #0000001a}.chat-header-left{display:flex;align-items:center;gap:12px}.hamburger-menu-button{display:none;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px;cursor:pointer;color:var(--sidebar-text);transition:all .2s ease;align-items:center;justify-content:center}.hamburger-menu-button:hover{background:#ffffff0d;border-color:#0ea5e94d;color:var(--primary)}.hamburger-menu-button:active{transform:scale(.95)}.chat-header-center{flex:1;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:0 24px}.chat-header-center-expanded{padding:0 24px;max-width:none}.logo-button{display:flex;align-items:center;gap:12px;background:transparent;border:1px solid transparent;border-radius:12px;padding:8px 12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.logo-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0ea5e91a,#10b9811a,#ec48991a);opacity:0;transition:opacity .3s ease;border-radius:12px;z-index:-1}.logo-button:hover{border-color:#0ea5e94d;box-shadow:0 0 20px #0ea5e933,0 0 40px #10b9811a,inset 0 1px #ffffff1a;transform:translateY(-1px)}.logo-button:hover:before{opacity:1}.logo-button:active{transform:translateY(0);transition:transform .1s ease}.chat-logo{width:38px;height:38px;object-fit:contain;transition:all .3s ease}.logo-button:hover .chat-logo{filter:drop-shadow(0 0 8px rgba(14,165,233,.6));transform:scale(1.05)}.chat-header-text{display:flex;flex-direction:column;gap:1px}.chat-header-right{display:flex;align-items:center;gap:16px}.chat-header .chat-title{font-weight:600;font-size:18px;color:var(--sidebar-text);line-height:1.3;transition:all .3s ease}.logo-button:hover .chat-title{color:var(--text-primary);text-shadow:0 0 10px rgba(14,165,233,.8)}.chat-info{color:var(--sidebar-text-secondary);font-size:13px;font-weight:500;line-height:1.3;transition:all .3s ease}.enhanced-subtitle{background:linear-gradient(135deg,var(--primary) 0%,var(--success-color) 30%,#ec4899 60%,#9d4edd 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;background-position:100% 50%;filter:blur(0px);transition:all .3s ease;font-weight:600}.logo-button:hover .enhanced-subtitle{filter:blur(.5px) brightness(1.2);text-shadow:0 0 10px rgba(14,165,233,.3),0 0 20px rgba(16,185,129,.2),0 0 30px rgba(236,72,153,.1);animation:gradientShift 3s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.main-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;background:transparent}@media(max-width:768px){.hamburger-menu-button{display:flex}.content-container{overflow-y:auto;touch-action:pan-y}.chat-header{padding:12px 16px}.chat-header-center{padding:0 12px}}:root{--sidebar-bg: #1e293b;--sidebar-border: #334155;--sidebar-text: #e2e8f0;--sidebar-text-secondary: #94a3b8;--sidebar-text-muted: #64748b;--primary: #0ea5e9;--primary-hover: #0284c7;--primary-light: #38bdf8;--primary-gradient: linear-gradient(135deg, #0ea5e9 0%, #38bdf8 100%);--primary-color: #0ea5e9;--secondary-color: #38bdf8;--nav-hover: #334155;--nav-active: #0ea5e9;--nav-active-bg: rgba(14, 165, 233, .15);--background: #111827;--background-gradient: linear-gradient(135deg, #0a0a0a 0%, #1a1a2e 50%, #16213e 100%);--surface: #1f2937;--chat-bg: #1f2937;--card-background: #1f2937;--input-background: #374151;--background-secondary: #1f2937;--background-tertiary: #111827;--compact-stats-bg: rgba(255, 255, 255, .08);--progress-bar-bg: rgba(0, 0, 0, .6);--progress-bar-fill: currentColor;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-tertiary: #9ca3af;--border-color: #374151;--border-light: #4b5563;--border-hover: #4b5563;--success-color: #10b981;--success-dark: #059669;--success-light: #a7f3d0;--success-glow: rgba(16, 185, 129, .8);--error-color: #ef4444;--error-dark: #dc2626;--error-light: #fecaca;--error-background: rgba(239, 68, 68, .1);--error-gradient: linear-gradient(135deg, #ef4444, #dc2626);--warning-color: #ff9500;--warning-gradient: linear-gradient(135deg, #f59e0b, #f97316);--shimmer-color: rgba(255, 255, 255, .5);--trending-positive: #00ff88;--trending-negative: #ff4757;--phantom-button-bg: rgba(255, 255, 255, .06);--phantom-button-border: rgba(255, 255, 255, .12);--phantom-button-hover-bg: rgba(255, 255, 255, .1);--phantom-button-hover-border: rgba(255, 255, 255, .2);--phantom-button-text: rgba(255, 255, 255, .9);--phantom-icon-color: rgba(255, 255, 255, .8);--pricing-card-bg: rgba(30, 35, 50, .6);--pricing-card-border: rgba(255, 255, 255, .15);--pricing-card-hover-border: #0ea5e9;--pricing-toggle-bg: rgba(255, 255, 255, .05);--pricing-badge-bg: rgba(139, 92, 246, .15);--pricing-badge-border: rgba(139, 92, 246, .4);--pricing-text-muted: #9ca3af;--pricing-text-primary: #f9fafb;--modal-background: rgba(30, 35, 50, .95);--modal-overlay: rgba(0, 0, 0, .7);--assistant-message-bg: rgba(31, 41, 55, .8);--assistant-message-text: rgba(243, 244, 246, .95);--assistant-message-border: rgba(75, 85, 99, .5);--user-message-bg: #3b82f6;--user-message-text: #ffffff;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--font-xs: .75rem;--font-sm: .875rem;--font-md: 1rem;--font-lg: 1.25rem;--font-xl: 1.5rem;--font-2xl: 2rem;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .05);--card-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--card-shadow-hover: 0 8px 25px -5px rgba(0, 0, 0, .15), 0 4px 6px -2px rgba(0, 0, 0, .08);--overlay-background: rgba(15, 23, 42, .85);--scrollbar-track: transparent;--scrollbar-thumb: rgba(108, 92, 231, .5);--scrollbar-thumb-hover: rgba(139, 92, 246, .7);--scrollbar-thumb-hover-shadow: 0 0 15px rgba(108, 92, 231, .6);--scrollbar-thumb-border: rgba(139, 92, 246, .3);--scrollbar-firefox-thumb: rgba(108, 92, 231, .6);--scrollbar-firefox-track: transparent;--transition-fast: .15s;--transition-normal: .25s;--transition-slow: .35s;--chart-background: #131722;--chart-grid: rgba(42, 46, 57, .8);--chart-text: #d1d5db}.light-theme{--sidebar-bg: #f8fafc;--sidebar-border: #e2e8f0;--sidebar-text: #1f2937;--sidebar-text-secondary: #475569;--sidebar-text-muted: #94a3b8;--primary: #0ea5e9;--primary-hover: #0284c7;--primary-light: #38bdf8;--primary-gradient: linear-gradient(135deg, #0ea5e9 0%, #38bdf8 100%);--primary-color: #0ea5e9;--secondary-color: #38bdf8;--nav-hover: #e2e8f0;--nav-active: #0ea5e9;--nav-active-bg: rgba(14, 165, 233, .1);--background: #ffffff;--background-gradient: #ffffff;--surface: #ffffff;--card-background: #f9fafb;--chat-bg: #ffffff;--input-background: #f3f4f6;--background-secondary: #f9fafb;--background-tertiary: #f3f4f6;--compact-stats-bg: rgba(0, 0, 0, .03);--progress-bar-bg: rgba(0, 0, 0, .15);--progress-bar-fill: rgba(14, 165, 233, .8);--text-primary: #111827;--text-secondary: #4b5563;--text-tertiary: #6b7280;--border-color: #cbd5e1;--border-light: #e5e7eb;--border-hover: #94a3b8;--success-color: #10b981;--success-dark: #059669;--success-light: #34d399;--success-glow: rgba(16, 185, 129, .5);--error-color: #ef4444;--error-dark: #dc2626;--error-light: #f87171;--error-background: rgba(239, 68, 68, .08);--error-gradient: linear-gradient(135deg, #ef4444, #dc2626);--warning-color: #f59e0b;--warning-gradient: linear-gradient(135deg, #f59e0b, #f97316);--shimmer-color: rgba(0, 0, 0, .1);--trending-positive: #059669;--trending-negative: #dc2626;--phantom-button-bg: rgba(0, 0, 0, .05);--phantom-button-border: rgba(0, 0, 0, .15);--phantom-button-hover-bg: rgba(0, 0, 0, .08);--phantom-button-hover-border: rgba(0, 0, 0, .25);--phantom-button-text: #1f2937;--phantom-icon-color: #374151;--pricing-card-bg: #ffffff;--pricing-card-border: #e5e7eb;--pricing-card-hover-border: #0ea5e9;--pricing-toggle-bg: #f9fafb;--pricing-badge-bg: rgba(139, 92, 246, .08);--pricing-badge-border: rgba(139, 92, 246, .2);--pricing-text-muted: #6b7280;--pricing-text-primary: #111827;--modal-background: rgba(255, 255, 255, .95);--modal-overlay: rgba(0, 0, 0, .5);--assistant-message-bg: #e6ebf5;--assistant-message-text: #1f2937;--assistant-message-border: rgba(209, 217, 230, .8);--user-message-bg: #3b82f6;--user-message-text: #ffffff;--card-shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--card-shadow-hover: 0 4px 12px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .08);--overlay-background: rgba(255, 255, 255, .85);--scrollbar-track: rgba(0, 0, 0, .03);--scrollbar-thumb: rgba(148, 163, 184, .4);--scrollbar-thumb-hover: rgba(100, 116, 139, .6);--scrollbar-thumb-hover-shadow: 0 0 8px rgba(0, 0, 0, .15);--scrollbar-thumb-border: rgba(0, 0, 0, .08);--scrollbar-firefox-thumb: rgba(148, 163, 184, .5);--scrollbar-firefox-track: rgba(0, 0, 0, .03);--chart-background: #ffffff;--chart-grid: rgba(203, 213, 225, .6);--chart-text: #374151}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--text-primary);background:var(--background-gradient);background-attachment:fixed;min-height:100vh;overflow:hidden;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-hover)}h1{font-size:2.5em;line-height:1.2;color:var(--text-primary);margin-bottom:1rem}h2{font-size:1.75em;color:var(--text-primary);margin-bottom:.75rem}h3{font-size:1.5em;color:var(--text-primary);margin-bottom:.5rem}button{font-family:inherit;cursor:pointer;transition:background-color var(--transition-fast);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md)}button:focus,button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-center{text-align:center}.w-full{width:100%}.h-full{height:100%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px;border:2px solid var(--scrollbar-thumb-border);transition:all var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);box-shadow:var(--scrollbar-thumb-hover-shadow)}::-webkit-scrollbar-corner{background:var(--scrollbar-track)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-firefox-thumb) var(--scrollbar-firefox-track)}#root{width:100%;height:100vh;margin:0;padding:0;text-align:left;overflow:hidden;background:transparent}.trenchmate-app-container{display:flex;width:100%;height:100vh;overflow:hidden;background:transparent}