@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--gray-900);background-color:var(--gray-50);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;color:var(--gray-900)}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{color:var(--gray-600);line-height:1.625}a{color:var(--primary-600);text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary-700)}button{font-family:inherit;font-size:.875rem;font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}button:focus{outline:2px solid var(--primary-500);outline-offset:2px}button:disabled{opacity:.6;cursor:not-allowed}input,textarea{font-family:inherit;font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--gray-300);border-radius:var(--radius-md);background-color:#fff;transition:all .2s ease;width:100%}input:focus,textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}input::placeholder,textarea::placeholder{color:var(--gray-400)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:var(--spacing-md);color:var(--gray-500)}.loading-spinner{width:40px;height:40px;border:3px solid var(--gray-200);border-top-color:var(--primary-600);border-radius:50%;animation:spin 1s linear infinite}.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}:root{--brand-primary: #3B82F6;--brand-primary-light: #60A5FA;--brand-primary-dark: #2563EB;--brand-secondary: #1F2937;--brand-secondary-light: #374151;--brand-accent: #10B981;--brand-accent-light: #34D399;--brand-bg-white: #FFFFFF;--brand-bg-light: #F9FAFB;--brand-bg-subtle: #F3F4F6;--brand-text-dark: #111827;--brand-text-medium: #4B5563;--brand-text-light: #6B7280;--brand-text-muted: #9CA3AF;--brand-border: #E5E7EB;--brand-border-light: #F3F4F6}.landing-page-v2{min-height:100vh;background:var(--brand-bg-white);color:var(--brand-text-dark);overflow-x:hidden;position:relative}.animated-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.gradient-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.25;animation:float-orb 20s ease-in-out infinite}.orb-1{width:600px;height:600px;background:linear-gradient(135deg,var(--brand-primary-light) 0%,var(--brand-accent-light) 100%);top:-200px;left:-100px;animation-delay:0s}.orb-2{width:500px;height:500px;background:linear-gradient(135deg,var(--brand-accent) 0%,var(--brand-primary) 100%);top:50%;right:-150px;animation-delay:-7s}.orb-3{width:400px;height:400px;background:linear-gradient(135deg,var(--brand-primary-light) 0%,var(--brand-accent-light) 100%);bottom:-100px;left:30%;animation-delay:-14s}@keyframes float-orb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(50px,-30px) scale(1.05)}50%{transform:translate(-20px,50px) scale(.95)}75%{transform:translate(-40px,-20px) scale(1.02)}}.grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(59,130,246,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(59,130,246,.03) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent);mask-image:linear-gradient(to bottom,transparent,black 20%,black 80%,transparent)}.nav-v2{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 0;transition:all .3s ease;background:transparent}.nav-v2.nav-scrolled{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--brand-border);padding:.75rem 0;box-shadow:0 1px 3px #0000000d}.nav-container-v2{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.nav-logo-v2{display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:transform .3s ease;position:relative}.nav-logo-v2:hover{transform:scale(1.02)}.alpha-badge{display:inline-block;background:linear-gradient(135deg,var(--brand-accent) 0%,var(--brand-accent-light) 100%);color:#fff;font-size:.625rem;font-weight:700;letter-spacing:.05em;padding:.25rem .5rem;border-radius:4px;text-transform:uppercase;box-shadow:0 2px 8px #10b9814d;animation:pulse-alpha 2s ease-in-out infinite}@keyframes pulse-alpha{0%,to{box-shadow:0 2px 8px #10b9814d}50%{box-shadow:0 2px 12px #10b98180}}.alpha-badge-hero{display:inline-block;background:linear-gradient(135deg,var(--brand-accent) 0%,var(--brand-accent-light) 100%);color:#fff;font-size:.875rem;font-weight:700;letter-spacing:.05em;padding:.5rem 1rem;border-radius:8px;text-transform:uppercase;margin-left:1.5rem;box-shadow:0 4px 12px #10b98166;animation:pulse-alpha 2s ease-in-out infinite;vertical-align:middle}.logo-image{width:260px;height:40px;border-radius:10px;object-fit:contain}.logo-text{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-menu-v2{display:flex;align-items:center;gap:.5rem}.nav-link-v2{background:transparent;border:none;color:var(--brand-text-medium);font-size:.9375rem;font-weight:500;padding:.625rem 1rem;cursor:pointer;transition:all .2s ease;border-radius:8px}.nav-link-v2:hover{color:var(--brand-primary);background:#3b82f614}.nav-actions-v2{display:flex;align-items:center;gap:1rem}.btn-ghost-v2{background:transparent;border:none;color:var(--brand-text-medium);font-size:.9375rem;font-weight:500;padding:.625rem 1.25rem;cursor:pointer;transition:all .2s ease;border-radius:8px}.btn-ghost-v2:hover{color:var(--brand-primary);background:#3b82f614}.btn-primary-v2{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100%);border:none;color:#fff;font-size:.9375rem;font-weight:600;padding:.625rem 1.5rem;cursor:pointer;border-radius:10px;transition:all .3s ease;box-shadow:0 4px 15px #3b82f640}.btn-primary-v2:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f659}.mobile-menu-toggle{display:none;background:transparent;border:none;padding:.5rem;cursor:pointer}.hamburger{display:block;width:24px;height:2px;background:var(--brand-secondary);position:relative;transition:all .3s ease}.hamburger:before,.hamburger:after{content:"";position:absolute;width:24px;height:2px;background:var(--brand-secondary);transition:all .3s ease}.hamburger:before{top:-7px}.hamburger:after{bottom:-7px}.hamburger.open{background:transparent}.hamburger.open:before{transform:rotate(45deg);top:0}.hamburger.open:after{transform:rotate(-45deg);bottom:0}.hero-light{position:relative;z-index:1;min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9,#e2e8f0);overflow:hidden}.hero-bg-light{position:absolute;inset:0;overflow:hidden;pointer-events:none}.wavy-lines-light{position:absolute;bottom:0;left:0;width:100%;height:100%;opacity:.8}.wave-path-light{animation:wave-flow-light 8s ease-in-out infinite;animation-delay:var(--wave-delay, 0s)}@keyframes wave-flow-light{0%,to{transform:translate(0);opacity:.4}50%{transform:translate(30px);opacity:.7}}.hero-glow-orb-light{position:absolute;width:600px;height:600px;right:5%;top:50%;transform:translateY(-50%);background:radial-gradient(circle,rgba(59,130,246,.15) 0%,rgba(16,185,129,.08) 40%,transparent 70%);filter:blur(80px);animation:orb-pulse-light 6s ease-in-out infinite}.hero-glow-orb-secondary-light{position:absolute;width:400px;height:400px;right:20%;top:30%;background:radial-gradient(circle,rgba(16,185,129,.12) 0%,transparent 60%);filter:blur(60px);animation:orb-pulse-light 8s ease-in-out infinite reverse}@keyframes orb-pulse-light{0%,to{opacity:.7;transform:translateY(-50%) scale(1)}50%{opacity:1;transform:translateY(-50%) scale(1.1)}}.hero-light-container{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:center;max-width:1400px;margin:0 auto;padding:10rem 2rem 6rem;min-height:100vh}.hero-light-content{max-width:560px}.hero-tagline-light{display:inline-block;font-size:.8125rem;font-weight:600;letter-spacing:.15em;color:var(--brand-primary);margin-bottom:1.5rem;text-transform:uppercase;animation:fadeInUp .8s ease}.hero-light-title{font-size:3.5rem;font-weight:700;line-height:1.15;margin-bottom:1.5rem;animation:fadeInUp .8s ease .1s both}.title-dark{display:block;color:var(--brand-secondary)}.title-gradient-light{display:block;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-light-subtitle{font-size:1.0625rem;line-height:1.7;color:var(--brand-text-medium);margin-bottom:2.5rem;max-width:480px;animation:fadeInUp .8s ease .2s both}.hero-light-cta{display:flex;gap:1rem;animation:fadeInUp .8s ease .3s both}.btn-light-primary{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100%);border:none;color:#fff;font-size:.9375rem;font-weight:600;padding:.875rem 1.75rem;cursor:pointer;border-radius:8px;transition:all .3s ease;overflow:hidden;box-shadow:0 4px 20px #3b82f640}.btn-light-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #3b82f659}.btn-glow-light{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);animation:btn-shine-light 3s ease-in-out infinite}@keyframes btn-shine-light{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.btn-light-outline{display:flex;align-items:center;justify-content:center;gap:.625rem;background:transparent;border:2px solid var(--brand-border);color:var(--brand-secondary);font-size:.9375rem;font-weight:500;padding:.875rem 1.75rem;cursor:pointer;border-radius:8px;transition:all .3s ease}.btn-light-outline svg{flex-shrink:0}.btn-light-outline:hover{background:var(--brand-bg-subtle);border-color:var(--brand-primary);color:var(--brand-primary)}.hero-light-visual{position:relative;display:flex;align-items:center;justify-content:center;perspective:1500px}.mockup-3d-container-light{position:relative;width:100%;max-width:580px;transform-style:preserve-3d}.mockup-backdrop-glow-light{position:absolute;width:120%;height:120%;left:-10%;top:-10%;background:radial-gradient(ellipse at center,rgba(59,130,246,.12) 0%,rgba(16,185,129,.06) 40%,transparent 70%);filter:blur(50px);z-index:0}.mockup-3d-window-light{position:relative;z-index:2;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;overflow:hidden;box-shadow:0 25px 80px -20px #00000026,0 15px 40px -20px #3b82f626,0 0 0 1px #00000005;transform:rotateY(-12deg) rotateX(5deg) translateZ(0);animation:mockup-float-light 6s ease-in-out infinite}.mockup-3d-window-light.secondary{position:absolute;top:8%;right:-12%;width:90%;z-index:1;opacity:.4;transform:rotateY(-12deg) rotateX(5deg) translateZ(-80px);animation:mockup-float-light 6s ease-in-out infinite .5s}@keyframes mockup-float-light{0%,to{transform:rotateY(-12deg) rotateX(5deg) translateY(0)}50%{transform:rotateY(-12deg) rotateX(5deg) translateY(-12px)}}.mockup-3d-header-light{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;background:#fafafa;border-bottom:1px solid rgba(0,0,0,.06)}.window-dots-light{display:flex;gap:6px}.window-dots-light .dot{width:10px;height:10px;border-radius:50%}.window-dots-light .dot.red{background:#ff5f57}.window-dots-light .dot.yellow{background:#febc2e}.window-dots-light .dot.green{background:#28c840}.mockup-3d-title-light{font-size:.8125rem;color:var(--brand-text-medium);font-weight:500}.mockup-3d-body-light{padding:1.25rem;min-height:320px;display:flex;flex-direction:column}.mockup-3d-body-light.faded{opacity:.3;min-height:200px}.chat-demo{flex:1;display:flex;flex-direction:column;gap:1rem}.chat-message-demo{display:flex;gap:.75rem;animation:fadeInUp .6s ease both}.chat-message-demo.user{animation-delay:.2s}.chat-message-demo.ai{animation-delay:.5s}.chat-avatar-demo{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:600;flex-shrink:0}.user-avatar{background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100%);color:#fff}.ai-avatar{background:linear-gradient(135deg,var(--brand-accent) 0%,#059669 100%);color:#fff}.chat-bubble-demo{padding:.75rem 1rem;border-radius:12px;font-size:.8125rem;line-height:1.5}.user-bubble{background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100%);color:#fff;border-bottom-left-radius:4px}.ai-bubble{background:#f1f5f9;color:var(--brand-text-dark);border-bottom-left-radius:4px;flex:1}.ai-response-text{margin:0 0 .75rem;font-size:.75rem;color:var(--brand-text-medium)}.demo-chart{display:flex;align-items:flex-end;gap:.5rem;height:100px;padding:.75rem;background:#fff;border-radius:8px;border:1px solid rgba(0,0,0,.05)}.demo-bar{flex:1;height:var(--bar-height, 50%);background:linear-gradient(180deg,var(--brand-primary-light) 0%,var(--brand-primary) 100%);border-radius:4px 4px 0 0;position:relative;animation:demo-bar-grow 1s ease-out forwards;animation-delay:.8s;transform-origin:bottom;transform:scaleY(0)}@keyframes demo-bar-grow{to{transform:scaleY(1)}}.bar-label-demo{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);font-size:.5625rem;color:var(--brand-text-light);white-space:nowrap}.demo-input-area{margin-top:auto;padding-top:1rem}.demo-input{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#f8fafc;border:1px solid rgba(0,0,0,.08);border-radius:10px;font-size:.75rem;color:var(--brand-text-muted)}.demo-send-btn{width:28px;height:28px;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100%);border-radius:6px;display:flex;align-items:center;justify-content:center}.btn-hero-primary{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100%);border:none;color:#fff;font-size:1rem;font-weight:600;padding:1rem 2rem;cursor:pointer;border-radius:12px;transition:all .3s ease;box-shadow:0 8px 30px #3b82f64d;overflow:hidden}.btn-hero-primary:hover{transform:translateY(-3px);box-shadow:0 12px 40px #3b82f666}.btn-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shine 3s ease-in-out infinite}@keyframes shine{0%,to{left:-100%}50%{left:100%}}.btn-hero-secondary{display:flex;align-items:center;gap:.75rem;background:var(--brand-bg-white);border:2px solid var(--brand-border);color:var(--brand-text-dark);font-size:1rem;font-weight:500;padding:1rem 1.5rem;cursor:pointer;border-radius:12px;transition:all .3s ease;box-shadow:0 2px 8px #0000000a}.btn-hero-secondary:hover{background:var(--brand-bg-light);border-color:var(--brand-primary);color:var(--brand-primary);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.btn-hero-secondary svg{color:var(--brand-primary)}.hero-trust{animation:fadeInUp .8s ease .4s both}.trust-text{display:block;font-size:.875rem;color:var(--brand-text-muted);margin-bottom:1rem}.trust-logos{display:flex;gap:2rem;align-items:center}.trust-logo{font-size:.9375rem;font-weight:600;color:var(--brand-text-light);transition:color .3s ease}.trust-logo:hover{color:var(--brand-text-medium)}.hero-visual-v2{position:relative;animation:fadeInRight 1s ease .5s both}.mockup-container{position:relative}.mockup-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(ellipse,rgba(59,130,246,.12) 0%,rgba(16,185,129,.08) 40%,transparent 70%);pointer-events:none}.mockup-window-v2{position:relative;background:var(--brand-bg-white);border:1px solid var(--brand-border);border-radius:16px;overflow:hidden;box-shadow:0 50px 100px -20px #0000001f,0 30px 60px -30px #3b82f626,0 1px 3px #0000000d;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.mockup-header-v2{display:flex;align-items:center;gap:1rem;padding:.875rem 1.25rem;background:var(--brand-bg-light);border-bottom:1px solid var(--brand-border)}.window-controls{display:flex;gap:.5rem}.control{width:12px;height:12px;border-radius:50%}.control.close{background:#ff5f57}.control.minimize{background:#ffbd2e}.control.maximize{background:#28c840}.mockup-title-v2{font-size:.8125rem;color:var(--brand-text-medium);font-weight:500}.mockup-body{padding:1.5rem;min-height:350px;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--brand-bg-light) 0%,var(--brand-bg-white) 100%)}.chat-interface{flex:1;display:flex;flex-direction:column;gap:1rem}.chat-message{display:flex;gap:.75rem;animation:fadeInUp .5s ease}.chat-message.user-msg{flex-direction:row-reverse}.msg-avatar{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100%);display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:600;color:#fff;flex-shrink:0}.msg-avatar.ai{background:linear-gradient(135deg,var(--brand-accent) 0%,var(--brand-accent-light) 100%)}.msg-content{background:var(--brand-bg-white);border:1px solid var(--brand-border);border-radius:12px;padding:.875rem 1rem;max-width:85%;font-size:.875rem;line-height:1.5;color:var(--brand-text-dark);box-shadow:0 2px 8px #0000000a}.user-msg .msg-content{background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100%);border-color:transparent;color:#fff}.ai-text{color:var(--brand-text-dark);margin-bottom:1rem}.mini-chart{margin-top:.5rem}.chart-bars{display:flex;align-items:flex-end;gap:.75rem;height:100px;padding-top:.5rem}.bar{flex:1;background:linear-gradient(to top,var(--brand-primary) 0%,var(--brand-primary-light) 100%);border-radius:4px 4px 0 0;height:var(--height);animation:growBar .8s ease var(--delay) both;position:relative}@keyframes growBar{0%{height:0}to{height:var(--height)}}.bar-label{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-size:.625rem;color:var(--brand-text-muted);white-space:nowrap}.input-area{margin-top:auto;padding-top:1rem}.fake-input{display:flex;align-items:center;justify-content:space-between;background:var(--brand-bg-white);border:1px solid var(--brand-border);border-radius:12px;padding:.875rem 1rem;box-shadow:0 2px 8px #0000000a}.placeholder-text{font-size:.875rem;color:var(--brand-text-muted)}.send-btn{width:32px;height:32px;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #3b82f64d}.floating-card{position:absolute;background:var(--brand-bg-white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--brand-border);border-radius:12px;padding:.75rem 1rem;display:flex;align-items:center;gap:.625rem;box-shadow:0 10px 30px #00000014;animation:float-card 4s ease-in-out infinite}.floating-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f626,#10b9811a);border-radius:8px;color:var(--brand-primary)}.floating-icon svg{width:18px;height:18px}.floating-text{font-size:.8125rem;font-weight:600;color:var(--brand-text-dark)}.card-1{top:5%;right:-30px;animation-delay:0s}.card-2{bottom:30%;left:-40px;animation-delay:-1.5s}.card-3{bottom:5%;right:10%;animation-delay:-3s}@keyframes float-card{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}}.stats-section{position:relative;z-index:1;padding:4rem 2rem;background:linear-gradient(180deg,transparent 0%,rgba(59,130,246,.03) 50%,transparent 100%)}.stats-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.stat-card{text-align:center;padding:2rem 1rem;background:var(--brand-bg-white);border:1px solid var(--brand-border);border-radius:16px;transition:all .3s ease;animation:fadeInUp .8s ease var(--delay) both;box-shadow:0 2px 8px #0000000a}.stat-card:hover{border-color:var(--brand-primary);transform:translateY(-5px);box-shadow:0 12px 30px #3b82f61f}.stat-icon{width:48px;height:48px;margin:0 auto .75rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f61a,#10b9811a);border-radius:12px;color:var(--brand-primary)}.stat-value{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.stat-label{font-size:.9375rem;color:var(--brand-text-medium)}.section-container-v2{max-width:1200px;margin:0 auto;padding:0 2rem}.section-header-v2{text-align:center;margin-bottom:4rem}.section-tag{display:inline-block;background:linear-gradient(135deg,#3b82f61a,#10b9811a);border:1px solid rgba(59,130,246,.2);padding:.5rem 1.25rem;border-radius:50px;font-size:.875rem;font-weight:500;color:var(--brand-primary);margin-bottom:1.25rem}.section-title-v2{font-size:3rem;font-weight:700;color:var(--brand-secondary);margin-bottom:1rem;line-height:1.2}.section-title-v2 .strike{text-decoration:line-through;color:var(--brand-text-muted)}.section-title-v2 .highlight{background:linear-gradient(135deg,var(--brand-primary-light) 0%,var(--brand-accent-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-desc{font-size:1.125rem;color:var(--brand-text-medium);max-width:600px;margin:0 auto;line-height:1.7}.problem-section-v2{position:relative;z-index:1;padding:6rem 2rem;background:var(--brand-bg-light)}.problem-grid-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.problem-card-v2{background:var(--brand-bg-white);border:1px solid var(--brand-border);border-radius:20px;padding:2rem;transition:all .3s ease;box-shadow:0 2px 8px #0000000a}.problem-card-v2:hover{transform:translateY(-5px);border-color:#ef4444;box-shadow:0 20px 40px #ef444414}.problem-icon-v2{width:56px;height:56px;background:#ef44441a;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.problem-icon-v2 svg{width:28px;height:28px;stroke:#ef4444}.problem-card-v2 h3{font-size:1.25rem;font-weight:600;color:var(--brand-secondary);margin-bottom:.75rem}.problem-card-v2 p{font-size:.9375rem;color:var(--brand-text-medium);line-height:1.6;margin-bottom:1.5rem}.problem-stat{display:flex;flex-direction:column;gap:.25rem}.stat-bad{font-size:1.5rem;font-weight:700;color:#ef4444}.stat-desc{font-size:.8125rem;color:var(--brand-text-muted)}.solution-section-v2{position:relative;z-index:1;padding:6rem 2rem;background:var(--brand-bg-white)}.steps-container{display:flex;align-items:center;justify-content:center;gap:1rem;max-width:1000px;margin:0 auto}.step-card{flex:1;background:var(--brand-bg-white);border:1px solid var(--brand-border);border-radius:20px;padding:2.5rem 1.5rem;text-align:center;transition:all .3s ease;position:relative;box-shadow:0 2px 8px #0000000a}.step-card:hover{transform:translateY(-8px);border-color:var(--brand-primary);box-shadow:0 25px 50px #3b82f61f}.step-number{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-accent) 100%);color:#fff;font-size:.75rem;font-weight:700;padding:.375rem .875rem;border-radius:50px}.step-visual{margin-bottom:1.5rem}.step-icon-wrapper{width:72px;height:72px;margin:0 auto;background:linear-gradient(135deg,#3b82f61a,#10b9811a);border:1px solid rgba(59,130,246,.2);border-radius:18px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.step-card:hover .step-icon-wrapper{background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-accent) 100%);border-color:transparent}.step-icon-wrapper svg{width:32px;height:32px;stroke:var(--brand-primary);transition:stroke .3s ease}.step-card:hover .step-icon-wrapper svg{stroke:#fff}.step-card h3{font-size:1.125rem;font-weight:600;color:var(--brand-secondary);margin-bottom:.5rem}.step-card p{font-size:.875rem;color:var(--brand-text-medium);line-height:1.6}.step-connector{width:80px;flex-shrink:0}.step-connector svg{width:100%;height:auto}.features-section-v2{position:relative;z-index:1;padding:6rem 2rem;background:var(--brand-bg-light)}.features-grid-v2{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.feature-card-v2{position:relative;background:var(--brand-bg-white);border:1px solid var(--brand-border);border-radius:20px;padding:2rem;transition:all .3s ease;overflow:hidden;box-shadow:0 2px 8px #0000000a}.feature-card-v2:hover{transform:translateY(-5px);border-color:var(--brand-primary);box-shadow:0 20px 40px #3b82f61a}.feature-hover-effect{position:absolute;inset:0;background:linear-gradient(135deg,#3b82f60d,#10b98108);opacity:0;transition:opacity .3s ease;pointer-events:none}.feature-card-v2:hover .feature-hover-effect{opacity:1}.feature-icon-v2{width:56px;height:56px;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f61f,#10b98114);border-radius:14px;color:var(--brand-primary);position:relative;z-index:1;transition:all .3s ease}.feature-icon-v2 svg{width:28px;height:28px}.feature-card-v2:hover .feature-icon-v2{background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-accent) 100%);color:#fff}.feature-card-v2 h3{font-size:1.125rem;font-weight:600;color:var(--brand-secondary);margin-bottom:.75rem;position:relative;z-index:1}.feature-card-v2 p{font-size:.9375rem;color:var(--brand-text-medium);line-height:1.6;position:relative;z-index:1}.testimonials-section{position:relative;z-index:1;padding:6rem 2rem;background:var(--brand-bg-white)}.testimonials-carousel{position:relative;max-width:800px;margin:0 auto;min-height:280px}.testimonial-card{position:absolute;top:0;left:0;right:0;background:var(--brand-bg-white);border:1px solid var(--brand-border);border-radius:24px;padding:3rem;opacity:0;transform:translate(50px);transition:all .5s ease;pointer-events:none;box-shadow:0 10px 40px #0000000f}.testimonial-card.active{opacity:1;transform:translate(0);pointer-events:auto}.quote-mark{font-size:5rem;font-family:Georgia,serif;line-height:1;background:linear-gradient(135deg,var(--brand-primary-light) 0%,var(--brand-accent-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.5;position:absolute;top:1rem;left:2rem}.testimonial-quote{font-size:1.375rem;line-height:1.7;color:var(--brand-secondary);margin-bottom:2rem;position:relative;z-index:1}.testimonial-author{display:flex;align-items:center;gap:1rem}.author-avatar{width:48px;height:48px;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-accent) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;color:#fff}.author-name{font-weight:600;color:var(--brand-secondary);margin-bottom:.25rem}.author-role{font-size:.875rem;color:var(--brand-text-muted)}.testimonial-dots{display:flex;justify-content:center;gap:.75rem;margin-top:2rem}.dot{width:10px;height:10px;background:var(--brand-border);border:none;border-radius:50%;cursor:pointer;transition:all .3s ease;padding:0}.dot.active{width:30px;border-radius:5px;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-accent) 100%)}.comparison-section-v2{position:relative;z-index:1;padding:6rem 2rem;background:var(--brand-bg-light)}.comparison-table-v2{max-width:900px;margin:0 auto;border-radius:20px;overflow:hidden;border:1px solid var(--brand-border);background:var(--brand-bg-white);box-shadow:0 10px 40px #0000000f}.comparison-header-v2{display:grid;grid-template-columns:2fr 1fr 1fr;background:var(--brand-bg-light);border-bottom:1px solid var(--brand-border)}.comp-cell{padding:1.25rem 1.5rem;display:flex;align-items:center;font-size:.9375rem}.header-label{color:var(--brand-text-muted)}.header-beleh{justify-content:center;gap:.5rem;font-weight:600;color:var(--brand-primary);background:linear-gradient(135deg,#3b82f614,#10b9810d)}.header-beleh .comp-logo{width:124px;height:44px;border-radius:6px}.header-other{justify-content:center;color:var(--brand-text-medium)}.comparison-body .comp-row{display:grid;grid-template-columns:2fr 1fr 1fr;border-bottom:1px solid var(--brand-border-light);transition:background .3s ease}.comparison-body .comp-row:last-child{border-bottom:none}.comparison-body .comp-row:hover{background:var(--brand-bg-subtle)}.row-label{display:flex;align-items:center;gap:.75rem;color:var(--brand-text-dark);font-weight:500}.row-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f61a,#10b98114);border-radius:8px;color:var(--brand-primary);flex-shrink:0}.row-icon svg{width:16px;height:16px}.row-beleh{justify-content:center;gap:.5rem;color:var(--brand-accent);font-weight:500;background:#10b9810d}.check-icon{color:var(--brand-accent)}.row-other{justify-content:center;gap:.5rem;color:var(--brand-text-muted)}.cross-icon{color:#ef4444}.final-cta-v2{position:relative;z-index:1;padding:8rem 2rem;overflow:hidden;background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-primary-dark) 100%)}.cta-bg-effects{position:absolute;inset:0;pointer-events:none}.cta-orb{position:absolute;border-radius:50%;filter:blur(80px)}.cta-orb-1{width:400px;height:400px;background:#60a5fa66;top:-100px;left:20%}.cta-orb-2{width:350px;height:350px;background:#34d3994d;bottom:-100px;right:20%}.cta-content-v2{position:relative;max-width:700px;margin:0 auto;text-align:center}.cta-title-v2{font-size:3rem;font-weight:700;color:#fff;margin-bottom:1.5rem;line-height:1.2}.cta-subtitle-v2{font-size:1.125rem;color:#ffffffe6;line-height:1.7;margin-bottom:2.5rem}.cta-buttons-v2{display:flex;gap:1rem;justify-content:center;margin-bottom:2.5rem}.btn-cta-primary{display:flex;align-items:center;gap:.75rem;background:#fff;border:none;color:var(--brand-primary);font-size:1.125rem;font-weight:600;padding:1.125rem 2.5rem;cursor:pointer;border-radius:14px;transition:all .3s ease;box-shadow:0 10px 40px #0003}.btn-cta-primary:hover{transform:translateY(-3px);box-shadow:0 15px 50px #00000040}.btn-cta-secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:1rem;font-weight:500;padding:1rem 2rem;cursor:pointer;border-radius:14px;transition:all .3s ease}.btn-cta-secondary:hover{background:#fff3;border-color:#ffffff80}.cta-features{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.cta-feature{display:flex;align-items:center;gap:.5rem;color:#ffffffe6;font-size:.9375rem}.cta-feature svg{stroke:var(--brand-accent-light)}.footer-v2{position:relative;z-index:1;background:var(--brand-secondary);border-top:1px solid rgba(255,255,255,.05);padding:4rem 2rem 2rem}.footer-v2.footer-minimal{padding:1.5rem 2rem}.footer-container-v2{max-width:1200px;margin:0 auto}.footer-bottom-v2{display:flex;justify-content:space-between;align-items:center;gap:2rem}.footer-logo-minimal{display:flex;align-items:center}.footer-logo-minimal img{height:32px;width:auto;opacity:.9}.copyright{font-size:.875rem;color:#ffffff80}.footer-badges{display:flex;gap:1rem}.footer-badges .badge{font-size:.8125rem;color:#fff9;background:#ffffff0d;padding:.5rem 1rem;border-radius:8px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@media(max-width:1200px){.hero-light-container{grid-template-columns:1fr;text-align:center;gap:3rem;padding:8rem 2rem 4rem}.hero-light-content{max-width:100%;display:flex;flex-direction:column;align-items:center}.hero-tagline-light,.hero-light-title{text-align:center}.hero-light-subtitle{text-align:center;max-width:100%}.hero-light-cta{justify-content:center}.hero-light-visual{max-width:500px;margin:0 auto}.mockup-3d-window-light{transform:rotateY(0) rotateX(5deg)}.mockup-3d-window-light.secondary{display:none}.hero-glow-orb-light{right:50%;transform:translate(50%,-50%)}}@media(max-width:1024px){.hero-light-title{font-size:2.75rem}.stats-container,.problem-grid-v2,.features-grid-v2{grid-template-columns:repeat(2,1fr)}.steps-container{flex-direction:column;gap:2rem}.step-connector{transform:rotate(90deg);width:60px}}@media(max-width:768px){.nav-menu-v2{position:fixed;inset:0;background:#fffffffa;flex-direction:column;justify-content:center;gap:1rem;opacity:0;pointer-events:none;transition:opacity .3s ease}.nav-menu-v2.menu-open{opacity:1;pointer-events:auto}.nav-menu-v2 .nav-link-v2{font-size:1.25rem;padding:1rem;color:var(--brand-secondary)}.mobile-menu-toggle{display:block;z-index:1001}.nav-actions-v2 .btn-ghost-v2{display:none}.hero-light{min-height:auto}.hero-light-container{padding:7rem 1.25rem 4rem;min-height:auto;gap:2.5rem}.hero-light-title{font-size:2rem}.alpha-badge-hero{display:block;margin-left:0;margin-top:1rem;font-size:.75rem;padding:.375rem .75rem;width:fit-content}.hero-light-subtitle{font-size:.9375rem}.hero-light-cta{flex-direction:column;width:100%}.btn-light-primary,.btn-light-outline{width:100%;justify-content:center}.hero-light-visual{max-width:100%}.mockup-3d-window-light{transform:none}@keyframes mockup-float-light{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.wavy-lines-light{opacity:.5}.hero-glow-orb-light{width:300px;height:300px;filter:blur(60px)}.hero-glow-orb-secondary-light{display:none}.chat-bubble-demo{font-size:.75rem}.demo-chart{height:80px}.bar-label-demo{display:none}.hero-title-v2{font-size:2rem;text-align:center}.hero-subtitle-v2{font-size:1rem;text-align:center;padding:0 .5rem}.hero-cta-v2{flex-direction:column;width:100%;padding:0 .5rem}.btn-hero-primary,.btn-hero-secondary{width:100%;justify-content:center}.hero-trust{text-align:center}.trust-logos{justify-content:center;flex-wrap:wrap;gap:1rem}.section-title-v2{font-size:2rem}.stats-container,.problem-grid-v2,.features-grid-v2{grid-template-columns:1fr}.comparison-header-v2,.comparison-body .comp-row{grid-template-columns:1.5fr 1fr 1fr}.comp-cell{padding:.875rem .75rem;font-size:.8125rem}.row-label{flex-direction:column;align-items:flex-start;gap:.25rem}.cta-title-v2{font-size:2rem}.cta-buttons-v2{flex-direction:column}.btn-cta-primary,.btn-cta-secondary{width:100%;justify-content:center}.cta-features{flex-direction:column;align-items:center;gap:1rem}.footer-bottom-v2{flex-direction:column;gap:1rem;text-align:center}.footer-badges{flex-wrap:wrap;justify-content:center}}@media(max-width:480px){.hero-title-v2{font-size:1.875rem}.alpha-badge{font-size:.5625rem;padding:.1875rem .375rem}.alpha-badge-hero{font-size:.6875rem;padding:.3125rem .625rem}.mockup-window-v2{border-radius:12px}.floating-card{display:none}.testimonial-card{padding:2rem 1.5rem}.testimonial-quote{font-size:1.125rem}}html{scroll-behavior:smooth}button:focus-visible,a:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.auth-split-page{min-height:100vh;display:flex;background:#fff;overflow:hidden}.auth-brand-panel{position:relative;width:45%;min-height:100vh;background:linear-gradient(135deg,#3b82f6,#1e40af,#1e3a8a);display:flex;align-items:center;justify-content:center;padding:3rem;overflow:hidden;border-top-right-radius:300px;border-bottom-left-radius:200px}.curved-edge{position:absolute;right:-1px;top:0;width:120px;height:100%;color:#fff;z-index:10;border-radius:100px}.curved-edge svg{width:100%;height:100%}.brand-content{position:relative;z-index:5;text-align:center;max-width:320px}.brand-logo-wrapper{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:2rem}.brand-logo{width:180px;height:auto;filter:brightness(0) invert(1)}.auth-alpha-badge{display:inline-block;background:linear-gradient(135deg,#10b981,#34d399);color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.375rem .75rem;border-radius:6px;text-transform:uppercase;box-shadow:0 2px 8px #10b98166;animation:pulse-alpha-auth 2s ease-in-out infinite}.auth-alpha-badge.mobile{position:absolute;top:1rem;right:1rem;z-index:10;font-size:.625rem;padding:.25rem .5rem}@keyframes pulse-alpha-auth{0%,to{box-shadow:0 2px 8px #10b98166}50%{box-shadow:0 2px 16px #10b98199}}.brand-title{font-size:2.25rem;font-weight:700;color:#fff;margin-bottom:1rem;line-height:1.2}.brand-subtitle{font-size:1rem;color:#ffffffd9;line-height:1.6;margin-bottom:2rem}.brand-features{margin-bottom:2rem;display:flex;flex-direction:column;gap:.875rem}.brand-feature-item{display:flex;align-items:center;gap:.75rem;color:#fffffff2;font-size:.875rem;line-height:1.4}.brand-feature-item svg{width:18px;height:18px;flex-shrink:0;stroke-width:2.5}.brand-divider{margin:2rem 0 1.5rem;text-align:center;position:relative}.brand-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#fff3;transform:translateY(-50%)}.brand-divider span{position:relative;background:linear-gradient(135deg,#3b82f6,#1e40af,#1e3a8a);padding:0 1rem;color:#ffffffe6;font-size:.8125rem;font-weight:500}.brand-btn{display:inline-block;padding:.875rem 3rem;background:transparent;border:2px solid #ffffff;border-radius:50px;color:#fff;font-size:.875rem;font-weight:600;letter-spacing:.1em;text-decoration:none;transition:all .3s ease}.brand-btn:hover{background:#fff;color:#3b82f6}.auth-brand-panel:before{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:#ffffff0d;top:-150px;left:-100px}.auth-brand-panel:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:#ffffff0d;bottom:-100px;right:50px}.auth-form-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem;background:#fff;position:relative}.auth-form-panel:before{content:"";position:absolute;top:0;right:0;width:340px;height:440px;background:linear-gradient(135deg,#3b82f6,#1e40af,#1e3a8a)}.auth-form-panel:after{content:"";position:absolute;top:0;right:0;width:340px;height:440px;background:#fff;border-radius:0 400px 0 0;z-index:1}.form-content{width:100%;max-width:380px;z-index:10}.mobile-brand-header{display:none}.form-header{margin-bottom:2.5rem}.form-title{font-size:2rem;font-weight:400;color:#1f2937;margin-bottom:.5rem}.title-dot{color:#3b82f6;font-weight:700}.form-subtitle{font-size:.9375rem;color:#6b7280}.auth-google-btn{width:100%;padding:1rem 1.5rem;background:#fff;border:1px solid #E5E7EB;border-radius:50px;font-size:.9375rem;font-weight:500;color:#374151;display:flex;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;transition:all .3s ease;box-shadow:0 1px 3px #00000014}.auth-google-btn:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.auth-google-btn:disabled{opacity:.6;cursor:not-allowed}.google-icon{width:20px;height:20px;flex-shrink:0}.signup-benefits{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #F3F4F6}.benefit-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:#6b7280;font-size:.875rem}.benefit-item svg{width:18px;height:18px;color:#10b981;flex-shrink:0}.auth-error-message{background:#fef2f2;border:1px solid #FECACA;border-radius:12px;padding:1rem;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:.75rem}.auth-error-message svg{width:20px;height:20px;color:#ef4444;flex-shrink:0;margin-top:1px}.auth-error-message p{color:#991b1b;font-size:.875rem;margin:0;line-height:1.5}.form-footer{margin-top:2rem;text-align:center}.form-footer p{font-size:.9375rem;color:#6b7280}.form-footer a{color:#3b82f6;font-weight:500;text-decoration:none;transition:color .2s ease}.form-footer a:hover{color:#2563eb;text-decoration:underline}@media(max-width:900px){.auth-split-page{flex-direction:column;min-height:100vh}.auth-brand-panel{width:100%;min-height:50vh;border-bottom-left-radius:200px;border-bottom-right-radius:0;border-top-right-radius:130px;padding:2rem}.brand-content{max-width:280px}.brand-logo{width:140px;margin-bottom:1.5rem}.brand-title{font-size:1.75rem;margin-bottom:.75rem}.brand-subtitle{font-size:.9375rem;margin-bottom:1.5rem}.brand-btn{padding:.75rem 2rem;font-size:.8125rem}.curved-edge,.mobile-brand-header{display:none}.auth-form-panel{padding:2rem 1.5rem 3rem;align-items:flex-start;min-height:50vh}.auth-form-panel:before{display:block;inset:auto auto 0 0;width:250px;height:250px;background:linear-gradient(135deg,#3b82f6,#1e40af,#1e3a8a);z-index:0;border-top:none}.auth-form-panel:after{display:block;inset:auto auto 0 0;width:250px;height:250px;border-radius:0 0 0 250px;z-index:1}.form-content{max-width:100%;position:relative;z-index:10}.form-header{text-align:center;margin-bottom:2rem}.form-title{font-size:1.75rem}}@media(max-width:480px){.auth-brand-panel{min-height:45vh;padding:1.5rem}.brand-logo{width:120px;margin-bottom:1rem}.brand-title{font-size:1.5rem}.brand-subtitle{font-size:.875rem;margin-bottom:1.25rem}.brand-btn{padding:.625rem 1.75rem;font-size:.75rem}.form-title{font-size:1.5rem}.auth-google-btn{padding:.875rem 1.25rem;font-size:.875rem}}.modern-bar-chart{width:100%;height:100%;padding:.5rem;box-sizing:border-box}.modern-line-chart{width:100%;height:100%;padding:.5rem;box-sizing:border-box}.modern-pie-chart{width:100%;height:100%;padding:1rem;box-sizing:border-box}.modern-chart-tooltip{background:#111827f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;padding:.75rem 1rem;box-shadow:0 4px 12px #00000026;border:1px solid rgba(255,255,255,.1)}.tooltip-label{font-size:.8125rem;font-weight:600;color:#f9fafb;margin-bottom:.25rem}.tooltip-value{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.tooltip-value-label{color:#d1d5db}.tooltip-value-number{font-weight:700;color:#60a5fa}.chart-note{text-align:center;font-size:.8125rem;color:#6b7280;margin-top:1rem;font-style:italic}.chart-error{padding:2rem;text-align:center;color:#dc2626;background:#fef2f2;border-radius:8px;border:1px solid #fecaca;font-size:.875rem}.modern-data-table-container{width:100%}.data-table-wrapper{overflow-x:auto;border-radius:12px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 1px 3px #0000000d}.data-table-wrapper::-webkit-scrollbar{height:8px}.data-table-wrapper::-webkit-scrollbar-track{background:#f9fafb}.data-table-wrapper::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.data-table-wrapper::-webkit-scrollbar-thumb:hover{background:#9ca3af}.modern-data-table{width:100%;border-collapse:collapse;font-size:.875rem}.modern-data-table thead{background:linear-gradient(to bottom,#f9fafb,#f3f4f6);border-bottom:2px solid #e5e7eb}.modern-data-table th{padding:.875rem 1rem;text-align:left;font-weight:600;color:#374151;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s ease}.modern-data-table th:hover{background:#3b82f60d}.table-header-cell{display:flex;align-items:center;gap:.5rem}.sort-indicator{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:#3b82f6;font-weight:700;font-size:.875rem}.modern-data-table tbody tr{border-bottom:1px solid #f3f4f6;transition:all .15s ease}.modern-data-table tbody tr:hover{background-color:#f9fafb}.modern-data-table tbody tr:last-child{border-bottom:none}.modern-data-table td{padding:.875rem 1rem;color:#1f2937;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table-empty{padding:3rem;text-align:center;color:#6b7280;background:linear-gradient(to bottom,#f9fafb,#fff);border-radius:12px;border:1px solid #e5e7eb}.data-table-empty svg{color:#9ca3af;margin-bottom:1rem}.data-table-empty p{margin:0;font-size:.9375rem;font-weight:500}.modern-table-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:1.25rem;padding:1rem .5rem 0;border-top:1px solid #e5e7eb}.modern-pagination-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.modern-pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#3b82f6;color:#3b82f6;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.modern-pagination-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #0000000d}.modern-pagination-btn:disabled{opacity:.4;cursor:not-allowed;background:#f9fafb}.modern-pagination-btn svg{flex-shrink:0}.pagination-info{display:flex;flex-direction:column;align-items:center;gap:.25rem}.pagination-current{font-size:.875rem;font-weight:600;color:#111827}.pagination-total{font-size:.75rem;color:#6b7280}@media(max-width:640px){.modern-table-pagination{flex-direction:column;gap:1rem}.modern-pagination-btn{width:100%;justify-content:center}.pagination-info{order:-1}}.chart-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008;overflow:hidden;transition:all .2s ease;width:100%}.chart-card:hover{box-shadow:0 4px 12px #00000014,0 2px 4px #0000000a;border-color:#d1d5db}.chart-card-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.25rem 1.5rem 1rem;border-bottom:1px solid #f3f4f6}.chart-card-title-section{flex:1}.chart-card-title{font-size:1.0625rem;font-weight:600;color:#111827;margin:0 0 .375rem;line-height:1.4}.chart-card-description{font-size:.875rem;color:#6b7280;margin:0;line-height:1.5}.chart-card-actions{display:flex;gap:.375rem;opacity:0;transform:translate(8px);transition:all .2s ease}.chart-card-actions.visible{opacity:1;transform:translate(0)}.chart-action-btn{height:32px;padding:0 .625rem;border:none;background:transparent;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.375rem;color:#6b7280;transition:all .15s ease;white-space:nowrap}.chart-action-btn:hover{background:#f3f4f6;color:#3b82f6}.chart-action-btn:active{background:#e5e7eb;transform:scale(.95)}.chart-action-btn svg{width:16px;height:16px;flex-shrink:0}.action-label{font-size:.75rem;font-weight:500}.chart-close-btn{color:#ef4444}.chart-close-btn:hover{background:#fef2f2;color:#dc2626}.chart-card-content{padding:1.5rem;min-height:300px}@media(max-width:768px){.chart-card{border-radius:8px}.chart-card-header{flex-direction:column;gap:.75rem;padding:.875rem 1rem .75rem}.chart-card-title{font-size:.9375rem}.chart-card-description{font-size:.8125rem}.chart-card-actions{opacity:1;transform:translate(0)}.chart-card-content{padding:.75rem;min-height:250px}}.expanded-chart-modal-backdrop{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .2s ease}.expanded-chart-modal-container{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040,0 10px 20px -5px #00000026;width:100%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.expanded-chart-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:2rem 2.5rem;border-bottom:1px solid #e5e7eb;flex-shrink:0}.expanded-chart-modal-title{font-size:1.5rem;font-weight:600;color:#111827;margin:0 0 .5rem;line-height:1.3}.expanded-chart-modal-description{font-size:.9375rem;color:#6b7280;margin:0;line-height:1.5}.expanded-chart-modal-close{width:40px;height:40px;padding:0;border:none;background:transparent;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .15s ease;flex-shrink:0;margin-left:1.5rem}.expanded-chart-modal-close:hover{background:#f3f4f6;color:#111827}.expanded-chart-modal-close:active{background:#e5e7eb;transform:scale(.95)}.expanded-chart-modal-close svg{width:20px;height:20px}.expanded-chart-modal-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:2.5rem;min-height:400px}.expanded-chart-modal-content::-webkit-scrollbar{width:8px}.expanded-chart-modal-content::-webkit-scrollbar-track{background:#f9fafb}.expanded-chart-modal-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.expanded-chart-modal-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media(max-width:768px){.expanded-chart-modal-backdrop{padding:1rem}.expanded-chart-modal-header{padding:1.5rem;flex-direction:column;gap:1rem}.expanded-chart-modal-close{margin-left:0;align-self:flex-end}.expanded-chart-modal-content{padding:1.5rem;min-height:300px}.expanded-chart-modal-title{font-size:1.25rem}}.chart-response{margin-top:1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;padding:1.5rem;border:1px solid #e2e8f0}.chart-response.error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca}.error-message{display:flex;align-items:center;gap:.75rem;color:#dc2626}.error-message svg{width:24px;height:24px;flex-shrink:0}.error-message p{margin:0;font-size:.95rem}.chart-title{font-size:1.1rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.chart-description{font-size:.9rem;color:#64748b;margin:0 0 1rem}.chart-container{width:100%}.explanation-section{width:100%;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.explanation-title{font-size:.95rem;font-weight:600;color:#475569;margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem}.explanation-title:before{content:"";width:4px;height:16px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:2px}.explanation-text{font-size:.9rem;line-height:1.6;color:#475569;margin:0 0 1rem}.insight-list{margin:1rem 0;padding-left:1.5rem;list-style-type:disc}.insight-list li{font-size:.9rem;line-height:1.6;color:#475569;margin-bottom:.5rem}.insight-limitations{font-size:.85rem;color:#64748b;background:#f8fafc;padding:.75rem;border-radius:6px;margin:1rem 0 .5rem;border-left:3px solid #fbbf24}.insight-confidence{font-size:.85rem;color:#475569;margin-top:.75rem;display:inline-block;padding:.25rem .75rem;background:linear-gradient(135deg,#dbeafe,#e0e7ff);border-radius:20px}.data-summary{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0;font-size:.85rem;color:#64748b}.summary-item strong{color:#1e293b;font-weight:600}.chart-note{text-align:center;font-size:.8rem;color:#64748b;margin-top:.75rem;font-style:italic}@media(max-width:768px){.chart-response{padding:.75rem;margin-left:-.5rem;margin-right:-.5rem;border-radius:8px}.chart-title{font-size:1rem}.chart-description{font-size:.85rem}.explanation-section{margin-top:1rem;padding-top:1rem}.explanation-text{font-size:.85rem}.insight-list{padding-left:1.25rem}.insight-list li{font-size:.85rem}}.session-list-container{display:flex;flex-direction:column;height:calc(100vh - 70px);width:280px;background:#f9fafb;border-right:1px solid #e5e7eb;flex-shrink:0;overflow:hidden}.session-list-header{padding:16px;border-bottom:1px solid #e5e7eb;background:#fff}.session-list-header h3{margin:0 0 12px;font-size:16px;font-weight:600;color:#1f2937}.new-session-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.new-session-btn:hover:not(:disabled){background:#2563eb}.new-session-btn:disabled{opacity:.6;cursor:not-allowed}.new-session-btn svg{width:16px;height:16px}.session-list{flex:1;overflow-y:auto;padding:8px}.session-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;text-align:center;color:#6b7280}.session-list-empty p{margin:0;font-size:14px}.session-list-empty-hint{font-size:12px;margin-top:4px!important;opacity:.7}.session-item{display:flex;align-items:center;justify-content:space-between;padding:12px;margin-bottom:4px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.session-item:hover{background:#f9fafb;border-color:#d1d5db}.session-item.active{background:#eff6ff;border-color:#3b82f6}.session-item-content{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.session-item-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;flex-shrink:0}.session-item-icon svg{width:20px;height:20px;color:#fff}.session-item-details{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.session-item-title{font-size:14px;font-weight:500;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-item-time{font-size:12px;color:#6b7280}.session-item-delete{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:4px;cursor:pointer;color:#6b7280;transition:all .2s;flex-shrink:0}.session-item-delete:hover:not(:disabled){background:#fee2e2;color:#dc2626}.session-item-delete:disabled{cursor:not-allowed;opacity:.5}.session-item-delete svg{width:16px;height:16px}.session-item-delete .spinner{animation:spin 1s linear infinite}.empty-state-dashboard{flex:1;display:flex;align-items:center;justify-content:center;min-height:100%;background:linear-gradient(135deg,#f0f4ff,#e0e7ff,#f3f4f6);padding:var(--spacing-xl);position:relative;overflow:hidden}.empty-state-dashboard:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,rgba(99,102,241,.08) 0%,transparent 50%),radial-gradient(circle at 70% 50%,rgba(139,92,246,.08) 0%,transparent 50%);animation:gradientShift 20s ease-in-out infinite;pointer-events:none}@keyframes gradientShift{0%,to{transform:translate(0)}50%{transform:translate(-10%,-10%)}}.empty-state-container{max-width:700px;width:100%;position:relative;z-index:1}.empty-state-card{background:#ffffffb3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:24px;border:1px solid rgba(255,255,255,.8);box-shadow:0 20px 60px #6366f126,0 8px 16px #0000000d,inset 0 1px #ffffffe6;padding:4rem 3rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.empty-state-card:hover{transform:translateY(-4px);box-shadow:0 24px 80px #6366f133,0 12px 24px #00000014,inset 0 1px #ffffffe6}.empty-state-icon{width:96px;height:96px;margin:0 auto 2rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 32px #6366f14d,inset 0 2px #fff3;animation:floatIcon 3s ease-in-out infinite}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.empty-state-icon svg{width:56px;height:56px;color:#fff;stroke-width:1.5}.empty-state-content{margin-bottom:2.5rem}.empty-state-headline{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:1rem;line-height:1.2;background:linear-gradient(135deg,#1f2937,#4b5563);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.empty-state-description{font-size:1.0625rem;line-height:1.7;color:#6b7280;margin:0 auto;max-width:540px}.empty-state-cta{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:1.0625rem;font-weight:600;padding:1rem 2.5rem;border:none;border-radius:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #6366f159,inset 0 1px #fff3;position:relative;overflow:hidden}.empty-state-cta: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 ease}.empty-state-cta:hover:before{left:100%}.empty-state-cta:hover{transform:translateY(-2px);box-shadow:0 12px 32px #6366f173,inset 0 1px #ffffff4d}.empty-state-cta:active{transform:translateY(0);box-shadow:0 4px 16px #6366f14d,inset 0 1px #fff3}.empty-state-cta svg{width:20px;height:20px;stroke-width:2.5}.empty-state-features{display:flex;justify-content:center;gap:2rem;margin-top:3rem;padding-top:2.5rem;border-top:1px solid rgba(0,0,0,.06)}.feature-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#6b7280;font-size:.875rem;font-weight:500}.feature-item svg{width:28px;height:28px;color:#6366f1;stroke-width:2;margin-bottom:.25rem}@media(max-width:768px){.empty-state-dashboard{padding:var(--spacing-lg)}.empty-state-card{padding:3rem 2rem}.empty-state-icon{width:80px;height:80px;margin-bottom:1.5rem}.empty-state-icon svg{width:48px;height:48px}.empty-state-headline{font-size:1.625rem}.empty-state-description{font-size:.9375rem}.empty-state-cta{font-size:1rem;padding:.875rem 2rem}.empty-state-features{flex-direction:column;gap:1rem}}@media(max-width:480px){.empty-state-card{padding:2.5rem 1.5rem;border-radius:20px}.empty-state-headline{font-size:1.5rem}.empty-state-description{font-size:.875rem}}.upload-progress-container{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px;margin-top:20px;margin-bottom:16px}.progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.progress-status{display:flex;align-items:center;gap:8px;font-size:.9375rem;font-weight:600}.status-icon{width:20px;height:20px;flex-shrink:0}.spinner{animation:spin 1s linear infinite}.progress-percentage{font-size:.875rem;font-weight:600;color:#6b7280}.progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin-bottom:16px}.progress-fill{height:100%;border-radius:999px;transition:width .5s ease-in-out,background-color .3s ease}.progress-stages{display:flex;justify-content:space-between;align-items:center;position:relative;margin-top:20px}.progress-stages:before{content:"";position:absolute;top:8px;left:0;right:0;height:2px;background:#e5e7eb;z-index:0}.stage{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:1;flex:1}.stage span{font-size:.75rem;color:#9ca3af;font-weight:500;white-space:nowrap}.stage.completed span{color:#3b82f6;font-weight:600}.stage-dot{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #d1d5db;transition:all .3s ease}.stage.completed .stage-dot{background:#3b82f6;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.form-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:.875rem;margin-top:16px;display:flex;align-items:center;gap:8px}.primary-btn:disabled,.secondary-btn:disabled{opacity:.5;cursor:not-allowed}.mobile-chat-header{position:sticky;top:0;left:0;right:0;background:#fff;border-bottom:1px solid var(--gray-200);padding:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-xs);z-index:100;box-shadow:0 2px 4px #0000000a}.mobile-selector{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.mobile-selector:active{transform:scale(.98);background:var(--gray-100)}.workspace-selector-btn{background:linear-gradient(135deg,#1e3a8a,#1e40af);border-color:#1e3a8a;color:#fff}.workspace-selector-btn:active{background:linear-gradient(135deg,#1e40af,#1e3a8a)}.dataset-selector-btn .selector-icon{color:var(--primary-600)}.selector-icon{width:20px;height:20px;flex-shrink:0}.selector-content{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0}.selector-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;opacity:.7}.workspace-selector-btn .selector-label{color:#fffc}.selector-value{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.workspace-selector-btn .selector-value{color:#fff}.dataset-selector-btn .selector-value{color:var(--gray-900)}.chevron{width:16px;height:16px;flex-shrink:0;opacity:.5}.workspace-selector-btn .chevron{color:#fff}@media(min-width:769px){.mobile-chat-header{display:none}}.context-menu{position:fixed;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001f,0 2px 8px #00000014;border:1px solid #e5e7eb;padding:6px;min-width:180px;z-index:9999;animation:menuSlideIn .15s ease-out}.context-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:none;background:transparent;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;text-align:left}.context-menu-item:hover:not(:disabled){background:#f3f4f6}.context-menu-item:active:not(:disabled){transform:scale(.98)}.context-menu-item:disabled{opacity:.5;cursor:not-allowed}.context-menu-item.default{color:#374151}.context-menu-item.danger{color:#dc2626}.context-menu-item.danger:hover:not(:disabled){background:#fee2e2}.context-menu-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px}.context-menu-icon svg{width:18px;height:18px;stroke-width:2}.context-menu-label{flex:1}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.context-menu{display:none}}.action-sheet-backdrop{position:fixed;inset:0;background-color:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10000;animation:fadeIn .2s ease-out;display:none}.action-sheet-container{position:absolute;bottom:0;left:0;right:0;background:#fff;border-radius:20px 20px 0 0;padding:8px 16px 24px;max-height:80vh;overflow-y:auto;animation:slideUpSheet .3s ease-out;box-shadow:0 -4px 20px #0000001a}.action-sheet-handle{width:36px;height:5px;background:#d1d5db;border-radius:3px;margin:8px auto 16px}.action-sheet-header{padding:12px 8px 16px;border-bottom:1px solid #e5e7eb;margin-bottom:8px}.action-sheet-title{font-size:16px;font-weight:600;color:#1f2937;margin:0;text-align:center}.action-sheet-items{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.action-sheet-item{display:flex;align-items:center;gap:16px;width:100%;padding:16px 12px;border:none;background:transparent;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .15s ease;text-align:left}.action-sheet-item:active:not(:disabled){background:#f3f4f6}.action-sheet-item:disabled{opacity:.5;cursor:not-allowed}.action-sheet-item.default{color:#374151}.action-sheet-item.danger{color:#dc2626}.action-sheet-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.action-sheet-icon svg{width:24px;height:24px;stroke-width:2}.action-sheet-label{flex:1}.action-sheet-cancel{width:100%;padding:16px;border:none;background:#f3f4f6;border-radius:12px;font-size:16px;font-weight:600;color:#374151;cursor:pointer;transition:background-color .15s ease}.action-sheet-cancel:active{background:#e5e7eb}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(max-width:768px){.action-sheet-backdrop{display:block}}@media(min-width:769px){.action-sheet-backdrop{display:none}}@supports (padding-bottom: env(safe-area-inset-bottom)){.action-sheet-container{padding-bottom:calc(24px + env(safe-area-inset-bottom))}}.confirm-dialog-backdrop{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out;padding:16px}.confirm-dialog-container{background:#fff;border-radius:16px;padding:32px;max-width:420px;width:100%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s ease-out}.confirm-dialog-icon{width:64px;height:64px;margin:0 auto 24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.confirm-dialog-icon svg{width:32px;height:32px}.confirm-dialog-icon.danger{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.confirm-dialog-icon.warning{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.confirm-dialog-icon.info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}.confirm-dialog-content{text-align:center;margin-bottom:32px}.confirm-dialog-title{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 12px;line-height:1.4}.confirm-dialog-message{font-size:14px;color:#6b7280;margin:0;line-height:1.6}.confirm-dialog-actions{display:flex;gap:12px}.confirm-dialog-btn{flex:1;padding:12px 20px;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.confirm-dialog-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-btn{background:#f3f4f6;color:#374151}.cancel-btn:hover:not(:disabled){background:#e5e7eb}.cancel-btn:active:not(:disabled){transform:scale(.98)}.confirm-btn{color:#fff}.confirm-btn.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.confirm-btn.danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef44444d}.confirm-btn.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.confirm-btn.warning:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px #f59e0b4d}.confirm-btn.info{background:linear-gradient(135deg,#3b82f6,#2563eb)}.confirm-btn.info:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f64d}.confirm-btn:active:not(:disabled){transform:scale(.98)}@media(max-width:480px){.confirm-dialog-container{padding:24px}.confirm-dialog-icon{width:56px;height:56px;margin-bottom:20px}.confirm-dialog-icon svg{width:28px;height:28px}.confirm-dialog-title{font-size:18px}.confirm-dialog-message{font-size:13px}.confirm-dialog-actions{flex-direction:column-reverse}.confirm-dialog-btn{width:100%}}.bottom-sheet-backdrop{position:fixed;inset:0;background:#00000080;z-index:10000;display:flex;align-items:flex-end;animation:fadeIn .3s ease-out}.bottom-sheet-container{width:100%;background:#fff;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.16,1,.3,1);box-shadow:0 -4px 20px #00000026}.bottom-sheet-header{position:relative;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:center}.bottom-sheet-handle{position:absolute;top:8px;left:50%;transform:translate(-50%);width:40px;height:4px;background:var(--gray-300);border-radius:2px}.bottom-sheet-header h2{font-size:18px;font-weight:600;color:var(--gray-900);margin:0;margin-top:var(--spacing-sm)}.bottom-sheet-close{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:var(--gray-500);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;-webkit-tap-highlight-color:transparent}.bottom-sheet-close:active{background:var(--gray-100);transform:translateY(-50%) scale(.95)}.bottom-sheet-close svg{width:20px;height:20px}.bottom-sheet-content{flex:1;overflow-y:auto;padding:var(--spacing-md);-webkit-overflow-scrolling:touch}.workspace-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.create-workspace-btn{border:2px dashed var(--primary-400)!important;background:#3b82f608!important}.create-workspace-btn:hover{background:#3b82f614!important;border-color:var(--primary-500)!important}.create-workspace-btn:active{transform:scale(.98);background:#3b82f61f!important}.create-workspace-btn .workspace-name{color:var(--primary-700);font-weight:600}.create-workspace-btn .create-icon{background:var(--primary-600)}.workspace-list-divider{height:1px;background:var(--gray-200);margin:var(--spacing-sm) 0}.workspace-list-item{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md);background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;text-align:left;min-height:64px}.workspace-list-item:active{transform:scale(.98)}.workspace-list-item.active{border-color:var(--primary-600);background:#3b82f60d}.workspace-icon{width:40px;height:40px;border-radius:var(--radius-md);background:linear-gradient(135deg,#1e3a8a,#1e40af);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.workspace-icon svg{width:24px;height:24px}.workspace-info{flex:1;display:flex;align-items:center;gap:var(--spacing-sm);min-width:0}.workspace-name{font-size:16px;font-weight:500;color:var(--gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-list-item .default-badge{font-size:10px;font-weight:600;padding:4px 8px;background:var(--gray-100);border:1px solid var(--gray-300);border-radius:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--gray-600)}.check-icon{width:24px;height:24px;color:var(--primary-600);flex-shrink:0}.workspace-list-item-wrapper{position:relative;display:flex;align-items:center;gap:var(--spacing-xs)}.workspace-list-item-wrapper .workspace-list-item{flex:1}.workspace-more-btn{width:40px;height:40px;flex-shrink:0;border:none;background:transparent;color:var(--gray-500);border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.workspace-more-btn:hover{background:var(--gray-100);color:var(--gray-700)}.workspace-more-btn:active{transform:scale(.95);background:var(--gray-200)}.workspace-more-btn svg{width:20px;height:20px;fill:currentColor}@media(max-width:768px){.workspace-more-btn{opacity:1}}@media(min-width:769px){.bottom-sheet-backdrop{align-items:center;justify-content:center}.bottom-sheet-container{width:100%;max-width:480px;max-height:600px;border-radius:var(--radius-lg);animation:scaleIn .3s cubic-bezier(.16,1,.3,1)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.bottom-sheet-handle{display:none}.workspace-more-btn{opacity:0}.workspace-list-item-wrapper:hover .workspace-more-btn{opacity:1}}.workspace{display:flex;min-height:100vh;background-color:var(--gray-100)}.workspace-with-sessions{display:flex;height:calc(100vh - 70px);width:100%;gap:0;overflow:hidden}.sidebar{width:240px;background:linear-gradient(180deg,#1e3a8a,#1e40af);color:#fff;display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm)}.sidebar-header svg{width:24px;height:24px;color:#fbbf24}.sidebar-header h1{font-size:1rem;font-weight:600;color:#fff}.dataset-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s ease;font-size:.875rem}.dataset-item:hover{background:#ffffff1a}.dataset-item.active{background:#ffffff26}.dataset-icon{width:20px;height:20px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:600}.sidebar-nav{padding:0 var(--spacing-md);flex:1}.sidebar-footer{padding:var(--spacing-md);border-top:1px solid rgba(255,255,255,.1)}.usage-info{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.8125rem;color:#ffffffb3;margin-bottom:var(--spacing-md)}.usage-info svg{width:16px;height:16px}.upgrade-btn{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:#0ea5e9;color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.upgrade-btn:hover{background:#0284c7}.main-content{flex:1;display:flex;flex-direction:column;min-width:0}.top-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);background:#fff;border-bottom:1px solid var(--gray-200)}.welcome-section h2{font-size:1.5rem;font-weight:600;color:var(--gray-900);margin-bottom:var(--spacing-xs)}.welcome-section p{font-size:.875rem;color:var(--gray-500)}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-dropdown{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer}.user-dropdown svg{width:16px;height:16px;color:var(--gray-400)}.content-area{flex:1;padding:var(--spacing-xl);overflow-y:auto;display:flex;flex-direction:column}.workspace-with-sessions .content-area{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;padding:0}.workspace-metadata-bar{background:#fff;border-bottom:1px solid #e5e7eb;padding:var(--spacing-md) var(--spacing-xl);flex-shrink:0}.workspace-scrollable-content{flex:1;overflow-y:auto;padding:var(--spacing-xl)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stats-grid-6{grid-template-columns:repeat(6,1fr)}.stat-card{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--gray-200)}.stat-card-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);font-size:.75rem;color:var(--gray-500)}.stat-card-header svg{width:14px;height:14px}.stat-value{font-size:1.75rem;font-weight:700;color:var(--gray-900)}.stat-value.stat-text{font-size:1rem;font-weight:600;color:var(--primary-600);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-btn{display:flex;align-items:center;justify-content:center;background:var(--primary-600);color:#fff;border:none;border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-xl);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.upload-btn:hover{background:var(--primary-700);transform:translateY(-1px)}.chat-section{background:#fff;flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.chat-messages{flex:1;padding:var(--spacing-xl);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:var(--spacing-xl);min-height:0}.message{display:flex;gap:var(--spacing-md);max-width:100%}.message.ai{flex-direction:row;justify-content:flex-start}.message.user{flex-direction:row-reverse;justify-content:flex-start}.message-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;overflow:hidden}.message-avatar img{width:100%;height:100%;object-fit:cover}.message-avatar.ai{background:linear-gradient(135deg,var(--primary-500),var(--primary-700));display:flex;align-items:center;justify-content:center;color:#fff}.message-avatar.ai svg{width:18px;height:18px}.message-content{flex:1;max-width:70%;display:flex;flex-direction:column}.message.user .message-content{align-items:flex-end}.message.ai .message-content{align-items:flex-start}.message-bubble{display:inline-block;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);font-size:.875rem;line-height:1.5;word-wrap:break-word}.message.user .message-bubble{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-bottom-right-radius:var(--radius-sm)}.message.ai .message-bubble{background:var(--gray-100);color:var(--gray-800);border-bottom-left-radius:var(--radius-sm)}.message.ai .message-bubble strong{font-weight:600}.chart-response{margin-top:var(--spacing-lg);background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--spacing-lg);width:100%;max-width:100%}.chart-title{font-size:1rem;font-weight:600;color:var(--gray-900);margin-bottom:var(--spacing-lg)}.chart-container{display:flex;gap:var(--spacing-xl);align-items:flex-start}.bar-chart{flex:1}.bar-item{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.bar-label{width:80px;font-size:.8125rem;color:var(--gray-600);text-align:right;flex-shrink:0}.bar-track{flex:1;height:24px;background:var(--gray-100);border-radius:var(--radius-sm);overflow:hidden;position:relative}.bar-fill{height:100%;background:linear-gradient(90deg,var(--primary-400),var(--primary-600));border-radius:var(--radius-sm);transition:width .5s ease}.bar-value{font-size:.875rem;font-weight:600;color:var(--primary-600);min-width:60px}.chart-axis{display:flex;justify-content:space-between;margin-top:var(--spacing-sm);padding-left:92px;font-size:.75rem;color:var(--gray-400)}.chart-axis-label{text-align:center;margin-top:var(--spacing-xs);font-size:.75rem;color:var(--gray-500);padding-left:92px}.chart-insights{width:200px;background:var(--gray-50);border-radius:var(--radius-md);padding:var(--spacing-md)}.insight-title{font-size:.875rem;font-weight:600;color:var(--gray-900);margin-bottom:var(--spacing-sm)}.insight-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.8125rem;color:var(--gray-600);margin-bottom:var(--spacing-xs)}.insight-item .dot{width:8px;height:8px;border-radius:50%;background:var(--primary-500)}.explanation-section{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--gray-200)}.explanation-title{font-size:.9375rem;font-weight:600;color:var(--gray-900);margin-bottom:var(--spacing-sm)}.explanation-text{font-size:.875rem;color:var(--gray-600);line-height:1.6}.explanation-text strong{color:var(--gray-800);font-weight:600}.chat-input-container{padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid #e5e7eb;background:#fff;flex-shrink:0;box-shadow:0 -2px 8px #0000000a}.quota-limit-banner{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);background-color:#ef44441a;border:1px solid var(--color-error);border-radius:var(--radius-md);font-size:14px;color:var(--color-text-primary)}.quota-limit-banner svg{width:20px;height:20px;color:var(--color-error);flex-shrink:0}.quota-limit-banner a{color:var(--color-primary);text-decoration:underline;font-weight:500}.quota-limit-banner a:hover{color:var(--color-primary-hover)}.chat-input-wrapper{display:flex;align-items:center;gap:var(--spacing-md);background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:12px;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s}.chat-input-wrapper:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.chat-input-wrapper input,.chat-input-wrapper textarea{flex:1;border:none;background:transparent;padding:var(--spacing-sm);font-size:.9375rem;font-family:inherit;resize:none;max-height:120px}.chat-input-wrapper input:focus{outline:none;box-shadow:none}.input-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.input-action-btn{width:36px;height:36px;border-radius:50%;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--gray-400);transition:all .2s ease}.input-action-btn:hover{background:var(--gray-100);color:var(--gray-600)}.input-action-btn svg{width:20px;height:20px}.send-btn{background:var(--primary-600);color:#fff;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.send-btn:hover{background:var(--primary-700)}@media(max-width:1400px){.stats-grid-6{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.stats-grid,.stats-grid-6{grid-template-columns:repeat(2,1fr)}.stats-grid .upload-btn{grid-column:span 2}.chart-container{flex-direction:column}.chart-insights{width:100%}}@media(max-width:768px){.sidebar{display:none}.stats-grid,.stats-grid-6{grid-template-columns:1fr}.stats-grid .upload-btn{grid-column:1}.workspace-with-sessions{height:calc(100vh - 64px);flex-direction:column}.content-area.mobile{flex:1;display:flex;flex-direction:column;overflow:hidden;height:100%}.chat-section{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-messages{flex:1;padding:var(--spacing-md);gap:var(--spacing-md);overflow-y:auto;-webkit-overflow-scrolling:touch}.message-content{max-width:85%}.message-bubble{padding:var(--spacing-sm) var(--spacing-md);font-size:15px}.message-avatar{width:36px;height:36px}.chat-input-container{position:sticky;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--gray-200);padding:var(--spacing-sm);box-shadow:0 -2px 8px #0000000d;z-index:10}.chat-input-wrapper{max-width:100%}.chat-input-wrapper input{font-size:16px;padding:var(--spacing-sm) var(--spacing-md)}.send-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:15px}.chat-empty-state{padding:2rem 1rem}.chat-empty-state svg{width:48px;height:48px}.chat-empty-state h3{font-size:1.125rem}.chat-empty-state p{font-size:.875rem}.chat-error-banner{margin:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}}.chat-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--gray-500)}.chat-empty-state svg{width:64px;height:64px;margin-bottom:1.5rem;color:var(--gray-300)}.chat-empty-state h3{font-size:1.25rem;font-weight:600;color:var(--gray-700);margin-bottom:.5rem}.chat-empty-state p{font-size:.95rem;color:var(--gray-500);margin-bottom:.5rem}.chat-empty-state .warning-text{color:#f59e0b;font-weight:500;margin-top:1rem}.typing-indicator{display:flex;gap:.5rem;padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-sm);width:fit-content}.typing-indicator span{width:8px;height:8px;background:#fff;border-radius:50%;animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.message.loading{opacity:.7}.chat-error-banner{display:flex;align-items:center;gap:.75rem;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:8px;padding:12px 16px;margin:16px;color:#dc2626;box-shadow:0 2px 8px #dc262614}.chat-error-banner svg{width:20px;height:20px;flex-shrink:0}.chat-error-banner span{flex:1;font-size:.9rem}.chat-error-banner button{background:none;border:none;color:#dc2626;font-size:1.5rem;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s ease}.chat-error-banner button:hover{background:#dc26261a}.send-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--gray-400)}.send-btn:disabled:hover{background:var(--gray-400)}.datasets-page{height:100%;display:flex;flex-direction:column;background:#f5f7fa;overflow-y:auto;-webkit-overflow-scrolling:touch;position:relative}.datasets-header{padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md);background:#fff;border-bottom:1px solid var(--gray-200)}.datasets-header h1{font-size:24px;font-weight:700;color:var(--gray-900);margin:0 0 var(--spacing-xs) 0}.datasets-header p{font-size:14px;color:var(--gray-600);margin:0}.upload-dataset-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:calc(100% - 2 * var(--spacing-lg));margin:var(--spacing-lg);padding:var(--spacing-md);background:var(--primary-600);color:#fff;border:none;border-radius:var(--radius-lg);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent;box-shadow:0 2px 8px #3b82f633}.upload-dataset-btn:active{transform:scale(.98);background:var(--primary-700)}.upload-dataset-btn svg{width:20px;height:20px}.datasets-loading,.datasets-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--gray-500);text-align:center;gap:var(--spacing-md)}.datasets-loading .spinner{width:40px;height:40px;border:3px solid var(--gray-200);border-top-color:var(--primary-600);border-radius:50%;animation:spin .8s linear infinite}.datasets-empty svg{width:64px;height:64px;color:var(--gray-300);margin-bottom:var(--spacing-sm)}.datasets-empty h3{font-size:18px;font-weight:600;color:var(--gray-700);margin:0}.datasets-empty p{font-size:14px;color:var(--gray-500);margin:0}.datasets-list{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg)}.dataset-card-wrapper{position:relative;display:flex;align-items:stretch}.dataset-card-wrapper .dataset-card{flex:1}.dataset-card{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md);background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;text-align:left;box-shadow:0 1px 3px #0000000d}.dataset-card:active{transform:scale(.98);box-shadow:0 2px 8px #0000001a}.dataset-card:disabled{opacity:.6;cursor:not-allowed}.dataset-card:disabled:active{transform:none}.dataset-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0;letter-spacing:-.02em}.dataset-icon.csv{background:linear-gradient(135deg,#10b981,#059669)}.dataset-icon.xls{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.dataset-icon.json{background:linear-gradient(135deg,#f59e0b,#d97706)}.dataset-icon.file{background:linear-gradient(135deg,#6b7280,#4b5563)}.dataset-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.dataset-name{font-size:16px;font-weight:600;color:var(--gray-900);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dataset-meta-row{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--gray-600);flex-wrap:wrap}.dataset-status{font-weight:600;text-transform:uppercase;letter-spacing:.03em;font-size:11px;padding:2px 6px;border-radius:4px}.status-ready{background:#d1fae5;color:#065f46}.status-processing{background:#fef3c7;color:#92400e}.status-failed{background:#fee2e2;color:#991b1b}.status-pending{background:#e5e7eb;color:#374151}.dataset-meta-separator{opacity:.4}.dataset-type,.dataset-size{font-weight:500}.dataset-stats{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--gray-500)}.dataset-more-btn-mobile{display:flex;align-items:center;justify-content:center;width:44px;background:#fff;border:1px solid var(--gray-200);border-left:none;border-radius:0 var(--radius-lg) var(--radius-lg) 0;color:var(--gray-500);cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.dataset-more-btn-mobile:active{background:var(--gray-100);color:var(--gray-700)}.dataset-more-btn-mobile svg{width:20px;height:20px}@media(max-width:768px){.dataset-card-wrapper .dataset-card{border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.dataset-card-wrapper .chevron-right{display:none}.datasets-page{padding-bottom:80px}.datasets-header{display:none}}@media(min-width:769px){.datasets-page{padding:var(--spacing-xl)}.datasets-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-md)}.dataset-card{flex-direction:column;align-items:flex-start;padding:var(--spacing-lg)}.dataset-card:hover{border-color:var(--primary-300);box-shadow:0 4px 12px #3b82f626}.chevron-right{display:none}}.sessions-page{height:100%;display:flex;flex-direction:column;background:#f5f7fa;overflow-y:auto;-webkit-overflow-scrolling:touch}.sessions-header{padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md);background:#fff;border-bottom:1px solid var(--gray-200)}.sessions-header h1{font-size:24px;font-weight:700;color:var(--gray-900);margin:0 0 var(--spacing-xs) 0}.selected-dataset{display:flex;align-items:center;gap:var(--spacing-xs);font-size:13px;color:var(--gray-600);margin:0;font-weight:500}.selected-dataset svg{width:16px;height:16px;color:var(--primary-600)}.new-chat-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:calc(100% - 2 * var(--spacing-lg));margin:var(--spacing-lg);padding:var(--spacing-md);background:var(--primary-600);color:#fff;border:none;border-radius:var(--radius-lg);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent;box-shadow:0 2px 8px #3b82f633}.new-chat-btn:active{transform:scale(.98);background:var(--primary-700)}.new-chat-btn:disabled{background:var(--gray-300);color:var(--gray-500);cursor:not-allowed;box-shadow:none;transform:none}.new-chat-btn svg{width:20px;height:20px}.sessions-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--gray-500);text-align:center;gap:var(--spacing-md)}.sessions-empty svg{width:64px;height:64px;color:var(--gray-300);margin-bottom:var(--spacing-sm)}.sessions-empty h3{font-size:18px;font-weight:600;color:var(--gray-700);margin:0}.sessions-empty p{font-size:14px;color:var(--gray-500);margin:0}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.goto-datasets-btn{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);background:var(--primary-600);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.goto-datasets-btn:active{transform:scale(.95);background:var(--primary-700)}.sessions-list{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg)}.session-card{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md);background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;text-align:left;box-shadow:0 1px 3px #0000000d}.session-card:active{transform:scale(.98)}.session-card.active{border-color:var(--primary-600);background:#3b82f60d;box-shadow:0 2px 8px #3b82f626}.session-icon{width:44px;height:44px;border-radius:var(--radius-md);background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.session-card.active .session-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.session-icon svg{width:24px;height:24px}.session-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.session-title{font-size:15px;font-weight:600;color:var(--gray-900);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-timestamp{font-size:12px;color:var(--gray-500);margin:0;font-weight:500}.chevron-right{width:20px;height:20px;color:var(--gray-400);flex-shrink:0}.action-menu-backdrop{position:fixed;inset:0;background:#00000080;z-index:10000;display:flex;align-items:flex-end;animation:fadeIn .2s ease-out}.action-menu{width:100%;background:#fff;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs);animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.action-menu-item{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md);background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-md);font-size:16px;font-weight:500;color:var(--gray-900);cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent}.action-menu-item:active{transform:scale(.98);background:var(--gray-50)}.action-menu-item svg{width:20px;height:20px}.action-menu-item.danger{color:#dc2626;border-color:#fca5a5;background:#fef2f2}.action-menu-item.danger:active{background:#fee2e2}.action-menu-item.cancel{background:var(--gray-100);border-color:var(--gray-300);font-weight:600;margin-top:var(--spacing-xs)}@media(min-width:769px){.sessions-page{padding:var(--spacing-xl)}.sessions-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md)}.session-card:hover{border-color:var(--primary-300);box-shadow:0 4px 12px #3b82f626}.action-menu-backdrop{align-items:center;justify-content:center}.action-menu{width:100%;max-width:320px;border-radius:var(--radius-lg);animation:scaleIn .2s cubic-bezier(.16,1,.3,1)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}}.settings-sidebar-container{display:flex;flex-direction:column;height:100%;width:280px;background:#f9fafb;border-right:1px solid #e5e7eb;flex-shrink:0;overflow:hidden}.settings-sidebar-header{padding:16px;border-bottom:1px solid #e5e7eb;background:#fff}.settings-sidebar-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.settings-sidebar-content{flex:1;overflow-y:auto;padding:8px}.settings-sidebar-section{margin-bottom:16px}.settings-sidebar-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;padding:8px 12px 4px}.settings-sidebar-menu{display:flex;flex-direction:column;gap:2px}.settings-sidebar-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;text-align:left;width:100%}.settings-sidebar-item:hover{background:#f9fafb;border-color:#d1d5db}.settings-sidebar-item.active{background:#eff6ff;border-color:#3b82f6}.settings-sidebar-item.active .sidebar-item-icon{background:#3b82f6;color:#fff}.settings-sidebar-item.active .sidebar-item-title{color:#1e40af;font-weight:600}.sidebar-item-icon{width:36px;height:36px;border-radius:6px;background:#f3f4f6;color:#6b7280;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.sidebar-item-icon svg{width:18px;height:18px}.sidebar-item-content{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.sidebar-item-title{font-size:14px;font-weight:500;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-item-subtitle{font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-sidebar-signout{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 12px;background:#fff;color:#dc2626;border:2px solid #fca5a5;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.settings-sidebar-signout:hover{background:#fef2f2;border-color:#f87171}.settings-sidebar-signout svg{width:18px;height:18px}@media(max-width:768px){.settings-sidebar-container{display:none}}.coming-soon-container{display:flex;align-items:center;justify-content:center;min-height:400px;padding:var(--spacing-xl);background:#fff;border-radius:var(--radius-lg)}.coming-soon-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:400px}.coming-soon-content svg{width:64px;height:64px;color:var(--primary-500);margin-bottom:var(--spacing-lg);opacity:.8}.coming-soon-content h2{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin:0 0 var(--spacing-sm) 0}.coming-soon-content p{font-size:1rem;color:var(--gray-600);margin:0 0 var(--spacing-lg) 0;line-height:1.6}.coming-soon-badge{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,#dbeafe,#e0e7ff);color:var(--primary-700);border-radius:var(--radius-full);font-size:.875rem;font-weight:600;letter-spacing:.025em}@media(max-width:768px){.coming-soon-container{min-height:300px;padding:var(--spacing-lg)}.coming-soon-content svg{width:48px;height:48px}.coming-soon-content h2{font-size:1.25rem}.coming-soon-content p{font-size:.875rem}}.upgrade-modal-backdrop{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10001;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);animation:fadeIn .2s ease-out}.upgrade-modal-container{background:#fff;border-radius:20px;max-width:1200px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.upgrade-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);border-bottom:1px solid var(--gray-200)}.upgrade-modal-title-section h2{font-size:28px;font-weight:700;color:var(--gray-900);margin:0 0 var(--spacing-xs) 0}.upgrade-modal-title-section p{font-size:16px;color:var(--gray-600);margin:0}.upgrade-modal-close{width:40px;height:40px;border-radius:50%;border:none;background:var(--gray-100);color:var(--gray-600);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.upgrade-modal-close:hover{background:var(--gray-200);color:var(--gray-900)}.upgrade-modal-close svg{width:20px;height:20px}.billing-cycle-toggle{display:flex;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--gray-50);border-bottom:1px solid var(--gray-200);justify-content:center}.toggle-option{position:relative;display:flex;align-items:center;gap:var(--spacing-sm);padding:12px 24px;border:2px solid var(--gray-300);background:#fff;border-radius:10px;font-size:15px;font-weight:600;color:var(--gray-600);cursor:pointer;transition:all .2s ease}.toggle-option:hover{border-color:var(--primary-400)}.toggle-option.active{border-color:var(--primary-600);background:linear-gradient(135deg,#3b82f61a,#9333ea1a);color:var(--primary-700)}.toggle-badge{padding:4px 8px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.upgrade-modal-content{flex:1;overflow-y:auto;padding:var(--spacing-xl)}.upgrade-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);gap:var(--spacing-md)}.upgrade-loading .spinner{width:48px;height:48px;border:4px solid var(--gray-200);border-top-color:var(--primary-600);border-radius:50%;animation:spin .8s linear infinite}.upgrade-loading p{font-size:16px;color:var(--gray-600);margin:0}.upgrade-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);text-align:center}.upgrade-error svg{width:64px;height:64px;color:var(--red-500);margin-bottom:var(--spacing-md)}.upgrade-error p{font-size:16px;color:var(--gray-700);margin:0 0 var(--spacing-lg) 0}.retry-btn{padding:12px 24px;background:var(--primary-600);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.retry-btn:hover{background:var(--primary-700)}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.plan-card{position:relative;background:#fff;border:2px solid var(--gray-200);border-radius:16px;padding:var(--spacing-xl);display:flex;flex-direction:column;transition:all .2s ease}.plan-card:hover{border-color:var(--primary-400);box-shadow:0 8px 24px #00000014;transform:translateY(-4px)}.plan-card.current-plan{border-color:var(--gray-300);background:var(--gray-50);opacity:.7;box-shadow:none;pointer-events:none}.plan-card.current-plan:hover{transform:none;box-shadow:none}.plan-badge{position:absolute;top:16px;right:16px;padding:6px 12px;background:var(--primary-600);color:#fff;border-radius:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.plan-card-header{margin-top:var(--spacing-md);margin-bottom:var(--spacing-lg)}.plan-name{font-size:24px;font-weight:700;color:var(--gray-900);margin:0 0 var(--spacing-xs) 0}.plan-description{font-size:14px;color:var(--gray-600);margin:0;line-height:1.5}.plan-price-section{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--gray-200)}.plan-price{display:flex;align-items:baseline;gap:4px}.price-currency{font-size:24px;font-weight:600;color:var(--gray-600)}.price-value{font-size:48px;font-weight:800;color:var(--gray-900);line-height:1}.price-period{font-size:16px;font-weight:500;color:var(--gray-500)}.plan-features{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.feature-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:14px;color:var(--gray-700)}.feature-item svg{width:20px;height:20px;color:var(--primary-600);flex-shrink:0}.plan-cta{width:100%;padding:14px 24px;background:linear-gradient(135deg,#3b82f6,#9333ea);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #3b82f64d}.plan-cta:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.plan-cta:active:not(:disabled){transform:translateY(0)}.plan-cta:disabled{background:var(--gray-200);color:var(--gray-500);cursor:not-allowed;box-shadow:none}.plan-cta.current{background:var(--gray-100);color:var(--gray-600);border:2px solid var(--primary-600)}@media(max-width:768px){.upgrade-modal-backdrop{padding:0;align-items:flex-end}.upgrade-modal-container{max-height:95vh;border-radius:20px 20px 0 0}.upgrade-modal-header{padding:var(--spacing-lg)}.upgrade-modal-title-section h2{font-size:24px}.billing-cycle-toggle{padding:var(--spacing-md) var(--spacing-lg)}.upgrade-modal-content{padding:var(--spacing-lg)}.plans-grid{grid-template-columns:1fr}.plan-card{padding:var(--spacing-lg)}.price-value{font-size:40px}}@media(min-width:769px)and (max-width:1024px){.plans-grid{grid-template-columns:repeat(2,1fr)}}.usage-section-modern{padding:0;max-width:1200px;margin:0 auto}.usage-hero{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:48px 40px;margin-bottom:32px;position:relative;overflow:hidden}.usage-hero:before{content:"";position:absolute;top:0;right:0;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;transform:translate(30%,-30%)}.hero-content{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:24px}.hero-text h1{font-size:36px;font-weight:700;color:#fff;margin:0 0 8px;letter-spacing:-.5px}.hero-text p{font-size:16px;color:#ffffffe6;margin:0;font-weight:400}.cycle-badge{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:14px;font-weight:500;white-space:nowrap}.cycle-badge svg{width:18px;height:18px}.plan-overview-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:20px;padding:32px;margin-bottom:32px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.plan-header-section{display:flex;justify-content:space-between;align-items:flex-start;gap:32px}.plan-tier-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:8px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.plan-tier-badge svg{width:16px;height:16px}.plan-title{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 16px;letter-spacing:-.5px}.plan-price{display:flex;align-items:baseline;gap:8px}.price-amount{font-size:48px;font-weight:800;color:#1e293b;letter-spacing:-1px}.price-period{font-size:16px;color:#64748b;font-weight:500}.upgrade-btn-header{display:flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d}.upgrade-btn-header svg{width:18px;height:18px}.upgrade-btn-header:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.usage-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:32px}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);opacity:0;transition:opacity .3s ease}.stat-card:hover{border-color:#cbd5e1;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;transform:translateY(-2px)}.stat-card:hover:before{opacity:1}.stat-card-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.queries-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.datasets-icon{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#9f1239}.tokens-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.stat-icon svg{width:24px;height:24px}.stat-header-text h3{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 4px}.stat-header-text p{font-size:13px;color:#64748b;margin:0}.stat-numbers{display:flex;align-items:baseline;gap:8px;margin-bottom:20px}.stat-value{font-size:40px;font-weight:800;color:#0f172a;letter-spacing:-1px;line-height:1}.stat-limit{font-size:16px;color:#64748b;font-weight:500}.stat-progress{margin-top:20px}.progress-track{width:100%;height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden;position:relative;margin-bottom:12px}.progress-bar-fill{height:100%;border-radius:4px;position:relative;transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000026}.progress-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.progress-labels{display:flex;justify-content:space-between;align-items:center}.progress-percentage{font-size:14px;font-weight:700}.progress-remaining{font-size:13px;color:#64748b;font-weight:500}.alerts-section{margin-bottom:32px}.section-title{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;color:#1e293b;margin:0 0 20px}.section-title svg{width:24px;height:24px;color:#64748b}.alerts-list{display:flex;flex-direction:column;gap:12px}.alert-item{display:flex;align-items:flex-start;gap:16px;padding:20px;border-radius:12px;border-left:4px solid;transition:all .2s ease}.alert-item:hover{transform:translate(4px)}.alert-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left-color:#f59e0b}.alert-critical{background:linear-gradient(135deg,#fee2e2,#fecaca);border-left-color:#ef4444}.alert-icon-wrapper{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:8px}.alert-warning .alert-icon-wrapper{background:#f59e0b;color:#fff}.alert-critical .alert-icon-wrapper{background:#ef4444;color:#fff}.alert-icon-wrapper svg{width:18px;height:18px}.alert-message{flex:1;margin:0;font-size:14px;line-height:1.6;color:#1e293b;font-weight:500;padding-top:6px}.features-section{margin-bottom:32px}.features-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.feature-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s ease}.feature-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.feature-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.feature-icon svg{width:24px;height:24px}.feature-value{font-size:32px;font-weight:800;color:#0f172a;margin-bottom:4px;letter-spacing:-.5px}.feature-label{font-size:13px;color:#64748b;font-weight:500}.upgrade-cta-modern{background:linear-gradient(135deg,#1e3a8a,#1e40af);border-radius:20px;padding:40px;display:flex;align-items:center;gap:32px;position:relative;overflow:hidden}.upgrade-cta-modern:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%}.cta-icon{width:64px;height:64px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(255,255,255,.2)}.cta-icon svg{width:32px;height:32px;color:#fff}.cta-content{flex:1}.cta-content h3{font-size:24px;font-weight:700;color:#fff;margin:0 0 8px}.cta-content p{font-size:15px;color:#ffffffe6;margin:0}.cta-button{display:flex;align-items:center;gap:12px;padding:16px 32px;background:#fff;color:#1e40af;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #0003;white-space:nowrap}.cta-button svg{width:20px;height:20px}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.usage-section{padding:var(--spacing-2xl)}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;min-height:400px}.spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:var(--spacing-lg)}.error-state svg{width:64px;height:64px;color:#ef4444;margin-bottom:var(--spacing-lg)}.error-state h3{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 var(--spacing-sm) 0}.error-state p{font-size:15px;color:#64748b;margin:0}@media(max-width:768px){.usage-section-modern{padding:0 16px}.usage-hero{padding:32px 24px;border-radius:16px;margin-bottom:24px}.hero-content{flex-direction:column;align-items:flex-start}.hero-text h1{font-size:28px}.hero-text p{font-size:14px}.cycle-badge{align-self:flex-start}.plan-overview-card{padding:24px;border-radius:16px}.plan-header-section{flex-direction:column;align-items:flex-start}.plan-title{font-size:22px}.price-amount{font-size:36px}.upgrade-btn-header{width:100%;justify-content:center}.usage-stats-grid{grid-template-columns:1fr;gap:16px}.stat-value{font-size:32px}.features-grid-modern{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.feature-value{font-size:24px}.upgrade-cta-modern{flex-direction:column;padding:32px 24px;gap:24px;text-align:center}.cta-button{width:100%;justify-content:center}}@media(max-width:480px){.hero-text h1{font-size:24px}.plan-title{font-size:20px}.stat-card{padding:20px}.features-grid-modern{grid-template-columns:1fr}}.general-section{display:flex;flex-direction:column;gap:24px;padding:24px;max-width:800px}.header-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-badge.danger{background:#fef2f2;color:#dc2626}.profile-section{display:flex;gap:32px;padding:24px}.avatar-container{display:flex;flex-direction:column;align-items:center;gap:12px}.avatar-large{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#60a5fa,#a78bfa);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;overflow:hidden}.avatar-large img{width:100%;height:100%;object-fit:cover}.avatar-edit-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.avatar-edit-btn:hover{background:#f9fafb;border-color:#d1d5db}.avatar-edit-btn svg{width:14px;height:14px}.profile-form{flex:1;display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group input{padding:12px 16px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;color:#1f2937;transition:all .2s}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input.disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.input-with-badge{position:relative}.input-with-badge input{padding-right:100px}.verified-badge{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;color:#10b981}.verified-badge svg{width:14px;height:14px}.form-hint{font-size:12px;color:#9ca3af;margin:0}.card-footer{display:flex;justify-content:flex-end;padding:16px 24px;background:#fafafa;border-top:1px solid #f3f4f6}.save-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.save-btn:hover:not(:disabled){box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.save-btn:disabled{opacity:.7;cursor:not-allowed}.save-btn.success{background:linear-gradient(135deg,#10b981,#059669)}.save-btn svg{width:16px;height:16px}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.preference-items{display:flex;flex-direction:column}.preference-item{display:flex;align-items:center;gap:16px;padding:20px 24px;border-bottom:1px solid #f3f4f6}.preference-item:last-child{border-bottom:none}.preference-icon{width:40px;height:40px;border-radius:10px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;flex-shrink:0}.preference-icon svg{width:20px;height:20px;color:#6b7280}.preference-content{flex:1;display:flex;align-items:center;justify-content:space-between;gap:16px}.preference-text h3{font-size:14px;font-weight:600;color:#1f2937;margin:0 0 2px}.preference-text p{font-size:13px;color:#6b7280;margin:0}.preference-select{padding:10px 36px 10px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#374151;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3e%3c/svg%3e") right 10px center/16px no-repeat;cursor:pointer;appearance:none;min-width:160px}.preference-select:focus{outline:none;border-color:#3b82f6}.danger-actions{display:flex;flex-direction:column}.danger-item{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;border-bottom:1px solid #f3f4f6}.danger-item:last-child{border-bottom:none}.danger-content h3{font-size:14px;font-weight:600;color:#1f2937;margin:0 0 4px}.danger-content p{font-size:13px;color:#6b7280;margin:0;max-width:400px}.outline-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.outline-btn:hover{background:#f9fafb;border-color:#d1d5db}.outline-btn svg{width:16px;height:16px}.danger-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.danger-btn:hover{background:#fef2f2;border-color:#f87171}.danger-btn svg{width:16px;height:16px}@media(max-width:768px){.general-section{padding:16px;gap:16px}.section-header{flex-direction:column;align-items:flex-start}.profile-section{flex-direction:column;gap:24px}.avatar-container{align-items:flex-start;flex-direction:row;gap:16px}.avatar-large{width:72px;height:72px;font-size:24px}.preference-content{flex-direction:column;align-items:flex-start;gap:12px}.preference-select{width:100%}.danger-item{flex-direction:column;align-items:flex-start;gap:12px}.danger-content p{max-width:100%}}.security-section{display:flex;flex-direction:column;gap:24px;padding:24px;max-width:800px}.header-icon.security{background:linear-gradient(135deg,#10b981,#059669)}.header-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-badge.success{background:#d1fae5;color:#059669}.card-badge.warning{background:#fef3c7;color:#d97706}.auth-method-item{display:flex;align-items:center;gap:16px;padding:20px 24px}.auth-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#f3f4f6}.auth-icon.google{background:#fff;border:1px solid #e5e7eb}.auth-icon svg{width:28px;height:28px}.auth-content{flex:1}.auth-content h3{font-size:15px;font-weight:600;color:#1f2937;margin:0 0 4px}.auth-content p{font-size:13px;color:#6b7280;margin:0}.status-badge{font-size:12px;font-weight:500;padding:6px 12px;border-radius:20px;background:#f3f4f6;color:#6b7280}.status-badge.active{background:#d1fae5;color:#059669}.tfa-content{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:24px}.tfa-info{display:flex;gap:16px;flex:1}.tfa-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tfa-icon svg{width:24px;height:24px;color:#fff}.tfa-text h3{font-size:15px;font-weight:600;color:#1f2937;margin:0 0 8px}.tfa-text p{font-size:13px;color:#6b7280;margin:0;line-height:1.5}.tfa-status-info{display:flex;align-items:center;gap:8px;margin-top:12px;padding:8px 12px;background:#d1fae5;border-radius:8px;color:#059669;font-size:13px;font-weight:500}.tfa-status-info svg{width:16px;height:16px}.tfa-toggle-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.tfa-toggle-btn:hover{box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-1px)}.tfa-toggle-btn.enabled{background:transparent;border:1px solid #e5e7eb;color:#6b7280}.tfa-toggle-btn.enabled:hover{background:#f9fafb;box-shadow:none;transform:none}.tfa-toggle-btn svg{width:18px;height:18px}.security-tips{padding:20px 24px;background:#f9fafb;border-top:1px solid #f3f4f6}.security-tips h4{font-size:13px;font-weight:600;color:#6b7280;margin:0 0 12px}.security-tips ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.security-tips li{display:flex;align-items:center;gap:8px;font-size:13px;color:#374151}.security-tips li svg{width:16px;height:16px;color:#10b981;flex-shrink:0}.sessions-list{display:flex;flex-direction:column}.session-item{display:flex;align-items:flex-start;gap:16px;padding:20px 24px;border-bottom:1px solid #f3f4f6}.session-item:last-child{border-bottom:none}.session-item.current{background:#f0fdf4}.session-icon{width:40px;height:40px;border-radius:10px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;flex-shrink:0}.session-item.current .session-icon{background:#d1fae5}.session-icon svg{width:20px;height:20px;color:#6b7280}.session-item.current .session-icon svg{color:#059669}.session-details{flex:1}.session-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.session-header h4{font-size:14px;font-weight:600;color:#1f2937;margin:0}.current-badge{font-size:11px;font-weight:500;padding:4px 8px;background:#d1fae5;color:#059669;border-radius:4px}.session-details p{font-size:13px;color:#6b7280;margin:0}.text-btn{background:none;border:none;color:#3b82f6;font-size:13px;font-weight:500;cursor:pointer;padding:0}.text-btn:hover{text-decoration:underline}.text-btn.danger{color:#dc2626}.text-btn.small{font-size:12px}.modal-backdrop{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10001;padding:20px}.tfa-setup-modal{background:#fff;border-radius:20px;width:100%;max-width:480px;box-shadow:0 20px 40px #00000026;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #f3f4f6}.modal-header h2{font-size:18px;font-weight:600;color:#1f2937;margin:0}.close-btn{width:32px;height:32px;border-radius:8px;border:none;background:#f3f4f6;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.close-btn:hover{background:#e5e7eb}.close-btn svg{width:18px;height:18px;color:#6b7280}.setup-progress{display:flex;align-items:center;justify-content:center;padding:24px;gap:8px}.step{display:flex;flex-direction:column;align-items:center;gap:6px;opacity:.4}.step.active{opacity:1}.step-dot{width:28px;height:28px;border-radius:50%;background:#e5e7eb;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#6b7280}.step.active .step-dot{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.step.completed .step-dot{background:#10b981;color:#fff}.step span{font-size:12px;font-weight:500;color:#6b7280}.step-line{width:40px;height:2px;background:#e5e7eb;margin-bottom:20px}.setup-step-content{padding:0 24px 24px}.qr-section{text-align:center;margin-bottom:24px}.qr-placeholder{width:180px;height:180px;margin:0 auto 16px;background:#f9fafb;border:2px dashed #e5e7eb;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.qr-placeholder svg{width:80px;height:80px;color:#9ca3af}.qr-placeholder p{font-size:12px;color:#9ca3af;margin:0}.qr-instructions{font-size:14px;color:#6b7280;margin:0}.manual-entry{background:#f9fafb;border-radius:12px;padding:16px;margin-bottom:24px}.manual-entry p{font-size:13px;color:#6b7280;margin:0 0 12px}.secret-code{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px 16px}.secret-code code{font-family:Monaco,Menlo,monospace;font-size:16px;font-weight:600;color:#1f2937;letter-spacing:2px}.copy-btn{width:32px;height:32px;border-radius:6px;border:none;background:#f3f4f6;display:flex;align-items:center;justify-content:center;cursor:pointer}.copy-btn:hover{background:#e5e7eb}.copy-btn svg{width:16px;height:16px;color:#6b7280}.verify-section{text-align:center;padding:20px 0}.verify-icon{width:64px;height:64px;margin:0 auto 20px;border-radius:16px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);display:flex;align-items:center;justify-content:center}.verify-icon svg{width:32px;height:32px;color:#fff}.verify-section h3{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 8px}.verify-section p{font-size:14px;color:#6b7280;margin:0 0 24px}.code-input-container{margin-bottom:24px}.code-input{width:200px;padding:16px;font-size:24px;font-weight:600;text-align:center;letter-spacing:8px;border:2px solid #e5e7eb;border-radius:12px;transition:border-color .2s}.code-input:focus{outline:none;border-color:#8b5cf6}.code-input::placeholder{color:#d1d5db;letter-spacing:8px}.modal-actions{display:flex;gap:12px;justify-content:center}.secondary-btn{padding:12px 24px;background:#f3f4f6;border:none;border-radius:10px;font-size:14px;font-weight:600;color:#374151;cursor:pointer;transition:background .2s}.secondary-btn:hover{background:#e5e7eb}.primary-btn{padding:12px 24px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:10px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s;width:100%}.primary-btn:hover:not(:disabled){box-shadow:0 4px 12px #8b5cf64d}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.backup-section{text-align:center;padding:20px 0}.backup-icon{width:64px;height:64px;margin:0 auto 20px;border-radius:16px;background:linear-gradient(135deg,#f59e0b,#d97706);display:flex;align-items:center;justify-content:center}.backup-icon svg{width:32px;height:32px;color:#fff}.backup-section h3{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 8px}.backup-section>p{font-size:14px;color:#6b7280;margin:0 0 20px}.backup-codes{background:#f9fafb;border-radius:12px;padding:16px;margin-bottom:16px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.backup-code{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.code-number{font-size:12px;color:#9ca3af;font-weight:500}.backup-code code{font-family:Monaco,Menlo,monospace;font-size:13px;color:#1f2937}.copy-codes-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:#f3f4f6;border:none;border-radius:10px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;margin-bottom:20px;transition:background .2s}.copy-codes-btn:hover{background:#e5e7eb}.copy-codes-btn svg{width:16px;height:16px}@media(max-width:768px){.security-section{padding:16px;gap:16px}.section-header{flex-direction:column}.tfa-content{flex-direction:column;gap:16px}.tfa-info{flex-direction:column;text-align:center}.tfa-icon{margin:0 auto}.tfa-toggle-btn{width:100%;justify-content:center}.session-header{flex-direction:column;align-items:flex-start;gap:8px}.tfa-setup-modal{max-width:100%;margin:20px;max-height:90vh;overflow-y:auto}.backup-codes{grid-template-columns:1fr}}.notifications-section{display:flex;flex-direction:column;gap:24px;padding:24px;max-width:800px}.header-icon.notifications{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#f59e0b,#d97706);display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-icon-small.email{background:#dbeafe}.header-icon-small.email svg{color:#3b82f6;width:18px;height:18px}.header-icon-small.push{background:#fef3c7}.header-icon-small.push svg{color:#d97706;width:18px;height:18px}.card-badge{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:4px 10px;border-radius:20px;background:#eff6ff;color:#3b82f6}.toggle-all-btn{padding:8px 14px;background:#f3f4f6;border:none;border-radius:8px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.toggle-all-btn:hover{background:#e5e7eb}.toggle-all-btn.enabled{background:#dbeafe;color:#3b82f6}.notification-list{display:flex;flex-direction:column}.notification-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid #f3f4f6}.notification-item:last-child{border-bottom:none}.notification-content h3{font-size:14px;font-weight:600;color:#1f2937;margin:0 0 4px}.notification-content p{font-size:13px;color:#6b7280;margin:0}.toggle-switch{position:relative;display:inline-block;width:48px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#e5e7eb;transition:.3s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 3px #00000026}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#3b82f6,#2563eb)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.browser-permission-notice{display:flex;align-items:center;gap:12px;padding:16px 24px;background:#fef3c7;border-top:1px solid #fde68a}.browser-permission-notice svg{width:18px;height:18px;color:#d97706;flex-shrink:0}.browser-permission-notice p{font-size:13px;color:#92400e;margin:0}.text-link{background:none;border:none;color:#d97706;font-weight:600;cursor:pointer;padding:0;font-size:inherit}.text-link:hover{text-decoration:underline}.quiet-hours-content{padding:24px}.quiet-hours-info{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.quiet-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#4f46e5);display:flex;align-items:center;justify-content:center;flex-shrink:0}.quiet-icon svg{width:24px;height:24px;color:#fff}.quiet-text h3{font-size:15px;font-weight:600;color:#1f2937;margin:0 0 4px}.quiet-text p{font-size:13px;color:#6b7280;margin:0}.quiet-hours-settings{background:#f9fafb;border-radius:12px;padding:20px}.time-range{display:flex;align-items:flex-end;gap:16px;margin-bottom:20px}.time-input{display:flex;flex-direction:column;gap:6px}.time-input label{font-size:12px;font-weight:500;color:#6b7280}.time-input select{padding:10px 36px 10px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#374151;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3e%3c/svg%3e") right 10px center/16px no-repeat;cursor:pointer;appearance:none;min-width:130px}.time-input select:focus{outline:none;border-color:#3b82f6}.time-separator{font-size:14px;color:#6b7280;padding-bottom:10px}.weekday-selector{display:flex;gap:8px}.day-btn{width:36px;height:36px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.day-btn:hover{border-color:#3b82f6;color:#3b82f6}.day-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:transparent;color:#fff}.actions-bar{display:flex;justify-content:flex-end;padding-top:8px}.save-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.save-btn:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.save-btn svg{width:18px;height:18px}@media(max-width:768px){.notifications-section{padding:16px;gap:16px}.section-header{flex-direction:column}.time-range{flex-direction:column;align-items:stretch;gap:12px}.time-separator{display:none}.time-input select{width:100%}.weekday-selector{justify-content:space-between}}.help-section{display:flex;flex-direction:column;gap:24px;padding:24px;max-width:800px}.header-icon.help{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#ec4899,#be185d);display:flex;align-items:center;justify-content:center;flex-shrink:0}.quick-links-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.quick-link-card{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;cursor:pointer;transition:all .2s;text-align:left}.quick-link-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.quick-link-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quick-link-icon svg{width:24px;height:24px}.quick-link-content{flex:1}.quick-link-content h3{font-size:14px;font-weight:600;color:#1f2937;margin:0 0 4px}.quick-link-content p{font-size:13px;color:#6b7280;margin:0}.arrow-icon{width:20px;height:20px;color:#d1d5db;flex-shrink:0;transition:transform .2s}.quick-link-card:hover .arrow-icon{transform:translate(4px);color:#9ca3af}.header-with-icon{display:flex;align-items:center;gap:12px}.header-icon-small{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.header-icon-small.faq{background:#fce7f3}.header-icon-small.faq svg{color:#ec4899;width:18px;height:18px}.header-icon-small.contact{background:#dbeafe}.header-icon-small.contact svg{color:#3b82f6;width:18px;height:18px}.faq-list{display:flex;flex-direction:column}.faq-item{border-bottom:1px solid #f3f4f6}.faq-item:last-child{border-bottom:none}.faq-question{display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px 24px;background:none;border:none;text-align:left;cursor:pointer;transition:background .2s}.faq-question:hover{background:#f9fafb}.faq-question span{font-size:14px;font-weight:500;color:#1f2937;padding-right:16px}.faq-question svg{width:20px;height:20px;color:#9ca3af;flex-shrink:0;transition:transform .3s ease}.faq-item.expanded .faq-question svg{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faq-item.expanded .faq-answer{max-height:500px}.faq-answer p{padding:0 24px 20px;font-size:14px;line-height:1.6;color:#6b7280;margin:0}.response-time{display:flex;align-items:center;gap:6px;font-size:12px;color:#10b981;font-weight:500}.response-time svg{width:14px;height:14px}.contact-form{padding:24px}.form-row{display:flex;gap:16px;margin-bottom:16px}.form-group{display:flex;flex-direction:column;gap:6px;flex:1;margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-group label{font-size:13px;font-weight:600;color:#374151}.form-group select,.form-group textarea{padding:12px 16px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;color:#1f2937;transition:all .2s;font-family:inherit}.form-group select{padding-right:40px;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3e%3cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3e%3c/svg%3e") right 12px center/16px no-repeat;cursor:pointer;appearance:none}.form-group textarea{resize:vertical;min-height:120px}.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-actions{display:flex;justify-content:flex-end;margin-top:8px}.submit-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.submit-btn:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.submit-btn svg{width:18px;height:18px}.contact-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.contact-method{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border:1px solid #e5e7eb;border-radius:16px}.method-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.method-icon.email{background:#dbeafe}.method-icon.email svg{width:22px;height:22px;color:#3b82f6}.method-icon.twitter{background:#1f2937}.method-icon.twitter svg{width:20px;height:20px;color:#fff}.method-icon.chat{background:#d1fae5}.method-icon.chat svg{width:22px;height:22px;color:#10b981}.method-content h4{font-size:14px;font-weight:600;color:#1f2937;margin:0 0 2px}.method-content p{font-size:13px;color:#6b7280;margin:0}@media(max-width:768px){.help-section{padding:16px;gap:16px}.section-header{flex-direction:column}.quick-links-grid{grid-template-columns:1fr}.quick-link-card{padding:16px}.contact-methods{grid-template-columns:1fr}}.about-section{display:flex;flex-direction:column;gap:24px;padding:24px;max-width:800px}.section-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:8px}.header-icon.about{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#4f46e5);display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-icon svg{width:24px;height:24px;color:#fff}.header-text h1{font-size:24px;font-weight:700;color:#1f2937;margin:0 0 4px}.header-text p{font-size:14px;color:#6b7280;margin:0}.app-info-card{background:linear-gradient(135deg,#1f2937,#111827);border-radius:20px;padding:32px;color:#fff}.app-logo{display:flex;align-items:center;gap:16px;margin-bottom:24px}.logo-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center}.logo-icon svg{width:28px;height:28px;color:#fff}.app-name h2{font-size:20px;font-weight:700;margin:0 0 4px}.app-name p{font-size:14px;color:#9ca3af;margin:0}.version-info{display:flex;align-items:center;gap:20px;padding:16px 20px;background:#ffffff0d;border-radius:12px;margin-bottom:20px}.version-item{display:flex;flex-direction:column;gap:4px}.version-item .label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af}.version-item .value{font-size:14px;font-weight:600;color:#fff}.version-item .value.status{display:flex;align-items:center;gap:6px;color:#10b981}.status-dot{width:8px;height:8px;border-radius:50%;background:#10b981;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.version-divider{width:1px;height:32px;background:#ffffff1a}.check-updates-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.check-updates-btn:hover{background:#ffffff26;border-color:#fff3}.check-updates-btn svg{width:18px;height:18px}.settings-card{background:#fff;border-radius:16px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 3px #0000000d}.card-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #f3f4f6;background:#fafafa}.card-header h2{font-size:16px;font-weight:600;color:#1f2937;margin:0}.mission-card{background:linear-gradient(135deg,#faf5ff,#eff6ff);border:none}.mission-content{padding:32px;text-align:center}.quote-icon{width:48px;height:48px;margin:0 auto 16px;border-radius:12px;background:linear-gradient(135deg,#8b5cf6,#3b82f6);display:flex;align-items:center;justify-content:center}.quote-icon svg{width:24px;height:24px;color:#fff}.mission-content blockquote{font-size:18px;line-height:1.6;color:#374151;font-style:italic;max-width:600px;margin:0 auto 16px}.mission-footer{display:flex;justify-content:center}.company-name{font-size:14px;font-weight:600;color:#8b5cf6}.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:24px}.team-member{display:flex;align-items:center;gap:14px;padding:16px;background:#f9fafb;border-radius:12px}.member-avatar{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;flex-shrink:0}.member-info h4{font-size:14px;font-weight:600;color:#1f2937;margin:0 0 2px}.member-info p{font-size:12px;color:#6b7280;margin:0}.legal-list{display:flex;flex-direction:column}.legal-item{display:flex;align-items:center;gap:16px;padding:18px 24px;background:none;border:none;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .2s;text-align:left;width:100%}.legal-item:last-child{border-bottom:none}.legal-item:hover{background:#f9fafb}.legal-icon{width:36px;height:36px;border-radius:10px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;flex-shrink:0}.legal-icon svg{width:18px;height:18px;color:#6b7280}.legal-item span{flex:1;font-size:14px;font-weight:500;color:#1f2937}.legal-item .chevron{width:18px;height:18px;color:#d1d5db}.social-section{text-align:center}.social-section h3{font-size:14px;font-weight:600;color:#6b7280;margin:0 0 16px}.social-links{display:flex;gap:12px;justify-content:center}.social-link{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .2s}.social-link:hover{border-color:var(--social-color, #e5e7eb);box-shadow:0 4px 12px #00000014}.social-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.social-icon svg{width:20px;height:20px}.social-info{display:flex;flex-direction:column;align-items:flex-start}.social-name{font-size:13px;font-weight:600;color:#1f2937}.social-handle{font-size:12px;color:#6b7280}.about-footer{text-align:center;padding:16px 0}.about-footer p{font-size:13px;color:#9ca3af;margin:0 0 4px}.about-footer p:last-child{margin-bottom:0}@media(max-width:768px){.about-section{padding:16px;gap:16px}.section-header{flex-direction:column}.app-info-card{padding:24px}.version-info{flex-direction:column;align-items:flex-start;gap:12px}.version-divider{display:none}.team-grid{grid-template-columns:1fr;padding:16px}.social-links{flex-direction:column}.social-link{justify-content:flex-start}}.workspaces-page{max-width:1200px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg)}.workspaces-header{margin-bottom:var(--spacing-xl)}.header-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.header-text h1{font-size:32px;font-weight:700;color:var(--gray-900);margin:0 0 var(--spacing-xs) 0;line-height:1.2}.header-text p{font-size:16px;color:var(--gray-600);margin:0}.create-workspace-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #667eea4d}.create-workspace-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.create-workspace-button:active{transform:translateY(0)}.create-workspace-button svg{width:20px;height:20px}.workspaces-search{margin-bottom:var(--spacing-xl)}.search-input-wrapper{position:relative;max-width:500px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--gray-400);pointer-events:none}.search-input{width:100%;padding:14px 48px;border:2px solid var(--gray-200);border-radius:12px;font-size:15px;color:var(--gray-900);background:#fff;transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.search-input::placeholder{color:var(--gray-400)}.search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:none;background:transparent;color:var(--gray-400);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.search-clear:hover{background:var(--gray-100);color:var(--gray-600)}.search-clear svg{width:16px;height:16px}.workspaces-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.workspace-card{position:relative;background:#fff;border:2px solid var(--gray-200);border-radius:16px;transition:all .2s ease;overflow:hidden}.workspace-card:hover{border-color:var(--gray-300);box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.workspace-card.active{border-color:var(--primary-500);background:linear-gradient(135deg,#667eea08,#764ba208)}.workspace-card-content{padding:var(--spacing-lg);cursor:pointer}.workspace-card-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md)}.workspace-card-icon svg{width:28px;height:28px;color:#fff}.workspace-card-info{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;margin-bottom:var(--spacing-sm)}.workspace-card-name{font-size:18px;font-weight:600;color:var(--gray-900);margin:0;line-height:1.4}.workspace-default-badge{display:inline-flex;align-items:center;padding:4px 10px;background:var(--gray-100);border:1px solid var(--gray-300);border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--gray-600)}.workspace-active-indicator{display:flex;align-items:center;gap:6px;color:var(--primary-600);font-size:14px;font-weight:500}.workspace-active-indicator svg{width:18px;height:18px}.workspace-card-more{position:absolute;top:16px;right:16px;width:36px;height:36px;border:none;background:#fff;border-radius:10px;color:var(--gray-500);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px #00000014}.workspace-card-more:hover{background:var(--gray-100);color:var(--gray-700);box-shadow:0 4px 12px #0000001f}.workspace-card-more:active{transform:scale(.95)}.workspace-card-more svg{width:18px;height:18px;fill:currentColor}.workspaces-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);gap:var(--spacing-md)}.workspaces-loading .spinner{width:40px;height:40px;border:3px solid var(--gray-200);border-top-color:var(--primary-600);border-radius:50%;animation:spin .8s linear infinite}.workspaces-loading p{font-size:16px;color:var(--gray-600);margin:0}@keyframes spin{to{transform:rotate(360deg)}}.workspaces-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xxl);text-align:center;background:#fff;border:2px dashed var(--gray-300);border-radius:16px;margin-top:var(--spacing-lg)}.workspaces-empty svg{width:64px;height:64px;color:var(--gray-300);margin-bottom:var(--spacing-lg)}.workspaces-empty h3{font-size:20px;font-weight:600;color:var(--gray-900);margin:0 0 var(--spacing-sm) 0}.workspaces-empty p{font-size:15px;color:var(--gray-600);margin:0 0 var(--spacing-lg) 0}.empty-create-btn{padding:12px 24px;background:var(--primary-600);color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.empty-create-btn:hover{background:var(--primary-700);transform:translateY(-1px)}.empty-create-btn:active{transform:translateY(0)}@media(max-width:768px){.workspaces-page{padding:var(--spacing-lg) var(--spacing-md)}.header-content{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.header-text h1{font-size:28px}.header-text p{font-size:14px}.create-workspace-button{width:100%;justify-content:center}.search-input-wrapper{max-width:none}.workspaces-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.workspace-card-more{opacity:1}}@media(min-width:769px)and (max-width:1024px){.workspaces-grid{grid-template-columns:repeat(2,1fr)}}.settings-page-container{display:flex;height:calc(100vh - 70px);width:100%;background:#f5f7fa;overflow:hidden}.settings-content-area{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.settings-header-bar{padding:var(--spacing-lg) var(--spacing-xl);background:#fff;border-bottom:1px solid var(--gray-200);flex-shrink:0}.settings-user-info{display:flex;align-items:center;gap:var(--spacing-md)}.settings-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#60a5fa,#a78bfa);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:700;overflow:hidden;flex-shrink:0}.settings-avatar img{width:100%;height:100%;object-fit:cover}.settings-user-details h2{font-size:18px;font-weight:700;color:var(--gray-900);margin:0 0 2px}.settings-user-details p{font-size:14px;color:var(--gray-600);margin:0}.settings-content-wrapper{flex:1;overflow-y:auto;padding:var(--spacing-xl)}.settings-welcome{display:flex;align-items:center;justify-content:center;min-height:400px;background:#fff;border-radius:var(--radius-lg)}.settings-welcome-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:400px;padding:var(--spacing-xl)}.settings-welcome-content svg{width:64px;height:64px;color:var(--gray-400);margin-bottom:var(--spacing-lg)}.settings-welcome-content h2{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin:0 0 var(--spacing-sm) 0}.settings-welcome-content p{font-size:1rem;color:var(--gray-600);margin:0}@media(max-width:768px){.settings-page-container{height:100vh;flex-direction:column}.settings-mobile-container{height:100%;display:flex;flex-direction:column;background:#f5f7fa;overflow-y:auto;-webkit-overflow-scrolling:touch}.settings-header{padding:var(--spacing-xl) var(--spacing-lg);background:linear-gradient(135deg,#1e3a8a,#1e40af);color:#fff;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-sm)}.settings-header h2,p{color:#fff}.settings-avatar-large{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#60a5fa,#a78bfa);display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:700;border:4px solid rgba(255,255,255,.2);overflow:hidden}.settings-avatar-large img{width:100%;height:100%;object-fit:cover}.settings-header h2{font-size:20px;font-weight:700;margin:0}.settings-header p{font-size:14px;margin:0;opacity:.9}.settings-mobile-menu{flex:1;padding:var(--spacing-md) 0}.settings-mobile-section{margin-bottom:var(--spacing-lg)}.mobile-section-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-600);padding:0 var(--spacing-lg);margin:0 0 var(--spacing-xs) 0}.settings-menu{background:#fff;border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200)}.settings-menu-item{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md) var(--spacing-lg);background:#fff;border:none;border-bottom:1px solid var(--gray-100);cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent;text-align:left}.settings-menu-item:last-child{border-bottom:none}.settings-menu-item:active{background:var(--gray-50)}.menu-item-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--gray-100);color:var(--gray-700);display:flex;align-items:center;justify-content:center;flex-shrink:0}.menu-item-icon svg{width:20px;height:20px}.menu-item-content{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.menu-item-title{font-size:15px;font-weight:600;color:var(--gray-900)}.menu-item-subtitle{font-size:13px;color:var(--gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-menu-item .chevron{width:20px;height:20px;color:var(--gray-400);flex-shrink:0}.signout-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:calc(100% - 2 * var(--spacing-lg));margin:var(--spacing-md) var(--spacing-lg);padding:var(--spacing-md);background:#fff;color:#dc2626;border:2px solid #fca5a5;border-radius:var(--radius-lg);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;-webkit-tap-highlight-color:transparent}.signout-btn:active{transform:scale(.98);background:#fef2f2}.signout-btn svg{width:20px;height:20px}.settings-mobile-detail{height:100%;display:flex;flex-direction:column;background:#f5f7fa;overflow-y:auto;-webkit-overflow-scrolling:touch;animation:slideInRight .3s cubic-bezier(.16,1,.3,1)}.settings-mobile-header{padding:var(--spacing-md);background:#fff;border-bottom:1px solid var(--gray-200);flex-shrink:0}.back-to-menu-btn{display:flex;align-items:center;gap:var(--spacing-sm);background:none;border:none;color:var(--primary-600);font-size:16px;font-weight:600;cursor:pointer;padding:var(--spacing-sm);margin:calc(var(--spacing-sm) * -1);border-radius:var(--radius-md);transition:background .2s;-webkit-tap-highlight-color:transparent}.back-to-menu-btn:active{background:var(--gray-100)}.back-to-menu-btn svg{width:20px;height:20px}.settings-content-container{flex:1;padding:var(--spacing-md)}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:64px;background:#fff;border-top:1px solid var(--gray-200);display:flex;justify-content:space-around;align-items:center;padding:0 var(--spacing-xs);z-index:1000;box-shadow:0 -2px 8px #0000000d}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:none;color:var(--gray-600);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);transition:all .2s ease;min-width:64px;-webkit-tap-highlight-color:transparent}.bottom-nav-item:active{transform:scale(.95);background:var(--gray-100)}.bottom-nav-item.active{color:var(--primary-600)}.bottom-nav-item.active .bottom-nav-icon{stroke:var(--primary-600)}.bottom-nav-item.disabled{opacity:.4;cursor:not-allowed;pointer-events:auto}.bottom-nav-item.disabled:active{transform:none;background:none}.bottom-nav-icon{width:24px;height:24px;stroke-width:2;transition:stroke .2s ease}.bottom-nav-label{font-size:11px;font-weight:500;letter-spacing:.01em}.bottom-nav-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--spacing-sm);background:#1f2937;color:#fff;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000004d;z-index:10001;max-width:90%;animation:slideUpToast .3s cubic-bezier(.16,1,.3,1)}.bottom-nav-toast svg{width:20px;height:20px;color:#fbbf24;flex-shrink:0}.bottom-nav-toast span{font-size:14px;font-weight:500;line-height:1.4}@keyframes slideUpToast{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(min-width:769px){.bottom-nav{display:none}}@media(max-width:768px){.mobile-content-wrapper{padding-bottom:64px}}.usage-warning-banner{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);border-left:4px solid;background-color:var(--color-surface);box-shadow:0 2px 4px #0000001a}.usage-warning-banner.info{border-left-color:var(--color-primary);background-color:#3b82f61a}.usage-warning-banner.warning{border-left-color:var(--color-warning);background-color:#fbbf241a}.usage-warning-banner.critical{border-left-color:var(--color-error);background-color:#ef44441a}.warning-icon{flex-shrink:0;width:24px;height:24px}.usage-warning-banner.info .warning-icon{color:var(--color-primary)}.usage-warning-banner.warning .warning-icon{color:var(--color-warning)}.usage-warning-banner.critical .warning-icon{color:var(--color-error)}.warning-icon svg{width:100%;height:100%}.warning-content{flex:1;min-width:0}.warning-title{display:block;font-weight:600;font-size:14px;margin-bottom:var(--spacing-xs)}.usage-warning-banner.info .warning-title{color:var(--color-primary)}.usage-warning-banner.warning .warning-title{color:var(--color-warning)}.usage-warning-banner.critical .warning-title{color:var(--color-error)}.warning-message{margin:0;font-size:13px;color:var(--color-text-secondary);line-height:1.5}.warning-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.upgrade-link{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--color-primary);color:#fff;text-decoration:none;border-radius:var(--radius-sm);font-size:13px;font-weight:500;transition:background-color .2s}.upgrade-link:hover{background-color:var(--color-primary-hover)}.dismiss-btn{background:none;border:none;padding:var(--spacing-xs);cursor:pointer;color:var(--color-text-tertiary);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background-color .2s,color .2s}.dismiss-btn:hover{background-color:#0000000d;color:var(--color-text-primary)}.dismiss-btn svg{width:16px;height:16px}@media(max-width:640px){.usage-warning-banner{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.warning-actions{width:100%;justify-content:space-between}.upgrade-link{flex:1;text-align:center}}.main-layout{display:flex;height:100vh;overflow:hidden;background-color:#f5f7fa}.sidebar{width:260px;background:linear-gradient(180deg,#1e3a8a,#1e40af);color:#fff;display:flex;flex-direction:column;flex-shrink:0;height:100vh;position:fixed;left:0;top:0;z-index:100;box-shadow:2px 0 8px #00000014;overflow:hidden}.sidebar:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:#ffffff0a;top:-120px;left:-100px;pointer-events:none;z-index:0}.sidebar:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;background:#ffffff08;bottom:-80px;right:-80px;pointer-events:none;z-index:0}.sidebar-header{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:var(--spacing-md);position:relative;z-index:1}.workspace-selector{position:relative;width:100%}.workspace-trigger{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all .2s ease}.workspace-trigger:hover{background:#ffffff1a;border-color:#fff3}.workspace-trigger h1{font-size:.875rem;font-weight:600;margin:0;flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-trigger svg:first-child{width:18px;height:18px;color:#fbbf24}.chevron-icon{width:14px;height:14px;color:#ffffff80;transition:transform .2s ease}.workspace-selector.open .chevron-icon{transform:rotate(180deg)}.workspace-dropdown{position:absolute;top:calc(100% + var(--spacing-xs));left:0;right:0;background:#1e3a8a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);z-index:50;overflow:hidden;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.workspace-options{max-height:200px;overflow-y:auto;padding:var(--spacing-xs) 0}.workspace-option{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;color:#fffc;font-size:.8125rem;cursor:pointer;text-align:left;transition:all .2s ease}.workspace-option:hover{background:#ffffff1a;color:#fff}.workspace-option.active{background:#ffffff26;color:#fff;font-weight:500}.add-workspace-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);width:100%;padding:var(--spacing-md);border:none;border-top:1px solid rgba(255,255,255,.1);background:#ffffff05;color:#fbbf24;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s ease}.add-workspace-btn:hover{background:#ffffff0d;color:#f59e0b}.add-workspace-btn svg{width:14px;height:14px}.default-badge{margin-left:auto;font-size:.625rem;font-weight:500;padding:2px 6px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;text-transform:uppercase;letter-spacing:.02em}.workspace-selector.loading{padding:var(--spacing-sm);background:#ffffff0d;border-radius:var(--radius-md)}.skeleton{background:#ffffff1a;border-radius:var(--radius-sm);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.h-8{height:2rem}.w-full{width:100%}.sidebar-section{padding:0 var(--spacing-md);margin-bottom:var(--spacing-lg)}.sidebar-section-title{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#ffffff80;padding:var(--spacing-sm) var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.sidebar-section-title svg{width:14px;height:14px}.dataset-list{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.dataset-item-wrapper{position:relative;display:flex;align-items:center;gap:4px}.dataset-item-wrapper .dataset-item-detailed{flex:1}.dataset-item-detailed{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;border:1px solid transparent}.dataset-item-detailed:hover{background:#ffffff14;border-color:#ffffff1a}.dataset-item-detailed.active{background:#ffffff26;border-color:#fff3}.dataset-more-btn{width:28px;height:28px;flex-shrink:0;border:none;background:transparent;color:#ffffff80;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.dataset-more-btn:hover{background:#ffffff1a;color:#ffffffe6}.dataset-more-btn:active{transform:scale(.95);background:#ffffff26}.dataset-more-btn svg{width:16px;height:16px;fill:currentColor}@media(max-width:768px){.dataset-more-btn{opacity:1}}@media(min-width:769px){.dataset-more-btn{opacity:0}.dataset-item-wrapper:hover .dataset-more-btn{opacity:1}}.dataset-item-header{display:flex;align-items:center;gap:var(--spacing-sm)}.dataset-item-title{font-size:.875rem;font-weight:500;color:#fff;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dataset-item-meta{display:flex;align-items:center;gap:4px;font-size:.6875rem;color:#fff9;padding-left:28px}.dataset-status{font-weight:500;text-transform:uppercase;letter-spacing:.02em}.dataset-meta-separator{opacity:.5}.dataset-type,.dataset-size{opacity:.8}.dataset-icon{width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:600;flex-shrink:0;color:#fff}.dataset-icon.csv{background:#22c55e}.dataset-icon.xlsx{background:#a855f7}.dataset-icon.json{background:#f59e0b}.dataset-icon.other{background:#6b7280}.add-dataset-btn{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-sm);background:transparent;border:1px dashed rgba(255,255,255,.2);border-radius:var(--radius-md);color:#fff9;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s;margin-top:var(--spacing-xs)}.add-dataset-btn:hover{background:#ffffff0d;border-color:#fff6;color:#fff}.add-dataset-btn svg{width:14px;height:14px}.sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;position:relative;z-index:1}.sidebar-nav{padding:0 var(--spacing-md);margin-top:auto;position:relative;z-index:1}.nav-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s ease;font-size:.875rem;color:#fffc;margin-bottom:var(--spacing-xs)}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item svg{width:18px;height:18px}.sidebar-footer{padding:var(--spacing-md);border-top:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#1e3a8a80,#1e40afcc);margin-top:auto;position:relative;z-index:1}.sidebar-footer-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.footer-action-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--spacing-xs);background:transparent;border:none;color:#ffffffb3;cursor:pointer;border-radius:var(--radius-sm);transition:all .2s;font-size:.65rem}.footer-action-btn:hover{background:#ffffff1a;color:#fff}.footer-action-btn svg{width:18px;height:18px}.usage-info{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.75rem;color:#fff9;padding:var(--spacing-xs) 0}.usage-info svg{width:14px;height:14px}.main-content-wrapper{flex:1;display:flex;flex-direction:column;min-width:0;margin-left:260px;height:100vh;overflow:hidden}.top-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);background:#fff;border-bottom:1px solid #e5e7eb;height:70px;flex-shrink:0;position:sticky;top:0;z-index:90;box-shadow:0 1px 3px #0000000f}.main-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.welcome-section{display:flex;align-items:center;gap:var(--spacing-md)}.header-logo{width:200px;height:144px;border-radius:var(--radius-lg);object-fit:contain;flex-shrink:0}.welcome-text h2{font-size:1.25rem;font-weight:700;color:var(--gray-900);margin-bottom:2px;line-height:1.2}.welcome-text p{font-size:.8125rem;color:var(--gray-500);margin:0}.header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.notification-btn{width:40px;height:40px;border-radius:50%;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--gray-500);transition:all .2s ease}.notification-btn:hover{background:var(--gray-100);color:var(--gray-700)}.notification-btn svg{width:20px;height:20px}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#60a5fa,#a78bfa);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;cursor:pointer;overflow:hidden}.user-profile-dropdown{position:relative}.user-profile-trigger{display:flex;align-items:center;gap:var(--spacing-xs);background:transparent;border:none;cursor:pointer;padding:4px;border-radius:var(--radius-md);transition:background .2s}.user-profile-trigger:hover{background:var(--gray-100)}.user-profile-trigger svg{width:16px;height:16px;color:var(--gray-600);transition:transform .2s}.profile-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;width:200px;min-width:max-content;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #0000001a,0 4px 8px #0000000f;z-index:1000;animation:dropdownSlide .2s ease-out}.profile-dropdown-menu button{justify-content:flex-start}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown-header{padding:10px 14px;border-bottom:1px solid #e5e7eb}.profile-dropdown-name{font-size:.875rem;font-weight:600;color:#1f2937;margin-bottom:2px}.profile-dropdown-email{font-size:.75rem;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-dropdown-divider{height:1px;background:#e5e7eb;margin:4px 0}.profile-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 14px;background:transparent;border:none;text-align:left;font-size:.8125rem;color:#374151;cursor:pointer;transition:background .2s}.profile-dropdown-item:hover{background:#f3f4f6}.profile-dropdown-item.danger{color:#dc2626}.profile-dropdown-item.danger:hover{background:#fee2e2}.profile-dropdown-item svg{width:16px;height:16px;flex-shrink:0}.close-btn svg{width:20px;height:20px}.modal-form{padding:var(--spacing-xl)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;font-size:.8125rem;font-weight:500;color:var(--gray-700);margin-bottom:var(--spacing-xs)}.form-group input[type=text]{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--gray-200);border-radius:var(--radius-md);font-size:.875rem;transition:all .2s}.form-group input[type=text]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-hint{margin-top:var(--spacing-xs);font-size:.75rem;color:var(--gray-500);line-height:1.4}.file-upload-area{border:2px dashed var(--gray-200);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;cursor:pointer;transition:all .2s;background:var(--gray-50)}.file-upload-area:hover{border-color:#3b82f6;background:#3b82f605}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);color:var(--gray-500)}.upload-placeholder svg{width:32px;height:32px}.upload-placeholder span{font-size:.875rem}.file-info{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);color:#3b82f6;font-weight:500}.file-info svg{width:24px;height:24px}.form-error{background:#fef2f2;color:#dc2626;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:.8125rem;margin-bottom:var(--spacing-lg)}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.primary-btn,.secondary-btn{padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.primary-btn{background:#3b82f6;color:#fff;border:none}.primary-btn:hover{background:#2563eb}.primary-btn:disabled{background:var(--gray-300);cursor:not-allowed}.secondary-btn{background:#fff;color:var(--gray-700);border:1px solid var(--gray-200)}.secondary-btn:hover{background:var(--gray-50);border-color:var(--gray-300)}.modal-backdrop{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{background:#fff;width:100%;max-width:500px;margin:0 var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;animation:scaleIn .2s cubic-bezier(.16,1,.3,1);max-height:90vh;overflow-y:auto}@keyframes scaleIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:1}.modal-header h2{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin:0}.close-btn{background:transparent;border:none;color:var(--gray-400);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all .2s;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:var(--gray-100);color:var(--gray-600)}@media(max-width:768px){.sidebar{display:none}.main-content-wrapper.mobile{margin-left:0;height:100vh}.main-content.mobile-content-wrapper{padding-bottom:80px}.top-header{display:none}.modal-container{max-width:95%;margin:0 var(--spacing-sm)}}