*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.unified-navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2ef2;border-bottom:1px solid #ffffff1a;box-shadow:0 2px 10px #0003;left:0;padding:25px 50px;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.navbar-container,.unified-navbar{align-items:center;display:flex;justify-content:space-between}.navbar-container{width:100%}.navbar-logo{align-items:center;color:#60a5fa;display:flex;flex-shrink:0;font-size:24px;font-weight:700;gap:12px;letter-spacing:.5px;text-decoration:none;transition:color .3s;z-index:1001}.navbar-logo img{height:50px;width:auto}.navbar-logo:hover{color:#3b82f6}.navbar-links,.navbar-links-left{margin:0}.navbar-links,.navbar-links-left,.navbar-links-right{align-items:center;display:flex;gap:30px;list-style:none;padding:0;transition:all .3s ease}.navbar-links-right{margin:0 0 0 auto}.navbar-links a{color:#ffffffe6;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s}.navbar-links a:hover{color:#60a5fa;transform:translateY(-1px)}.navbar-cta{background:linear-gradient(135deg,#3b82f6,#60a5fa)!important;border-radius:25px;box-shadow:0 4px 15px #3b82f64d;color:#fff!important;font-weight:600;padding:12px 28px;text-decoration:none;transition:all .3s}.navbar-cta:hover{background:linear-gradient(135deg,#2563eb,#3b82f6)!important;box-shadow:0 6px 20px #3b82f666;color:#fff!important;transform:translateY(-2px)}.mobile-menu-toggle{background:#0000;flex-direction:column;padding:5px;z-index:1001}.mobile-menu-toggle span{background-color:#fff;border-radius:2px;height:3px;margin:3px 0;transition:all .3s ease;width:25px}.mobile-menu-toggle span.open:first-child{transform:rotate(45deg) translate(8px,8px)}.mobile-menu-toggle span.open:nth-child(2){opacity:0}.mobile-menu-toggle span.open:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.user-menu{align-items:center;display:flex;gap:20px}.welcome-text{color:#fff;font-size:15px;font-weight:600}.plan-badge,.welcome-text{animation:fadeIn .3s ease;white-space:nowrap}.plan-badge{align-items:center;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:inline-flex;font-size:12px;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.plan-badge.plan-free{background:linear-gradient(135deg,#e5e7eb,#d1d5db);color:#374151}.plan-badge.plan-lite{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff}.plan-badge.plan-pro{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff}@media (max-width:768px){.unified-navbar{padding:20px}.navbar-logo{font-size:20px}.mobile-menu-toggle{display:flex}.navbar-links-left,.navbar-links-right{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2efa;border-bottom:1px solid #ffffff1a;box-shadow:0 4px 12px #0000004d;flex-direction:column;gap:0;left:0;margin-left:0;opacity:0;padding:20px;pointer-events:none;position:fixed;right:0;top:85px;transform:translateY(-120%);transition:all .3s ease}.navbar-links-left.mobile-open,.navbar-links-right.mobile-open{opacity:1;pointer-events:all;transform:translateY(0)}.navbar-links-left li,.navbar-links-right li{border-bottom:1px solid #f3f4f6;padding:12px 0;width:100%}.navbar-links-left li:last-child,.navbar-links-right li:last-child{border-bottom:none}.navbar-links-left a,.navbar-links-right a{display:block;font-size:16px;width:100%}.navbar-cta{display:block;margin-top:15px;text-align:center;width:100%}.user-menu{gap:15px}.welcome-text{font-size:14px}.navbar-logo img{height:40px}}.landing-page{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);margin:0;min-height:100vh;padding:0}.landing-page .navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2ef2;border-bottom:1px solid #ffffff1a;box-shadow:0 4px 20px #0000004d;padding:20px 50px;position:fixed;top:0;width:100%;z-index:1000}.landing-page .nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px}.landing-page .logo{align-items:center;color:#fff;display:flex;font-size:26px;font-weight:700;gap:12px;letter-spacing:.5px;text-decoration:none}.landing-page .nav-links{align-items:center;display:flex;gap:30px;list-style:none;margin:0;padding:0}.landing-page .nav-links a{color:#ffffffe6;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s}.landing-page .nav-links a:hover{color:#a78bfa;transform:translateY(-1px)}.landing-page .btn-try{background:linear-gradient(135deg,#38bdf8,#a78bfa);border-radius:25px;box-shadow:0 4px 15px #8b5cf64d;color:#fff!important;font-weight:600;padding:12px 28px;text-decoration:none;transition:all .3s}.landing-page .btn-try:hover{background:linear-gradient(135deg,#7c3aed,#38bdf8);box-shadow:0 6px 20px #8b5cf666;transform:translateY(-2px)}.landing-page .hero{background:#0000;margin-top:60px;overflow:hidden;padding:180px 50px 120px;position:relative;text-align:left}.landing-page .hero:before{background:radial-gradient(circle,#a78bfa26 0,#0000 70%);height:600px;right:-100px;top:50%;transform:translateY(-50%);width:600px}.landing-page .hero:after,.landing-page .hero:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.landing-page .hero:after{background:radial-gradient(circle,#8b5cf633 0,#0000 70%);height:300px;right:100px;top:30%;width:300px}.landing-page .hero-content{margin:0 auto;max-width:1200px;position:relative;z-index:1}.landing-page .hero h1{color:#fff;font-size:72px;font-weight:800;letter-spacing:-1px;line-height:1.1;margin-bottom:32px;max-width:800px;text-transform:uppercase}.landing-page .hero p{color:#ffffffd9;font-size:22px;font-weight:400;line-height:1.7;margin-bottom:48px;max-width:700px}.landing-page .cta-buttons{display:flex;gap:20px;justify-content:center;margin-bottom:40px}.landing-page .btn-primary{align-items:center;background:linear-gradient(135deg,#38bdf8,#a78bfa);border-radius:30px;box-shadow:0 8px 25px #8b5cf666;color:#fff;display:inline-flex;font-size:18px;font-weight:600;gap:10px;padding:18px 48px;text-decoration:none;transition:all .3s}.landing-page .btn-primary:hover{background:linear-gradient(135deg,#7c3aed,#38bdf8);box-shadow:0 12px 35px #8b5cf680;transform:translateY(-3px)}.landing-page .btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:30px;color:#fff;font-size:18px;font-weight:600;padding:18px 48px;text-decoration:none;transition:all .3s}.landing-page .btn-secondary:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-3px)}.landing-page .users-info{align-items:center;color:#ffffffb3;display:flex;font-size:15px;gap:12px;justify-content:flex-start}.landing-page .user-avatars{display:flex;margin-right:10px}.landing-page .avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:600;height:32px;justify-content:center;margin-left:-8px;width:32px}.landing-page .avatar:first-child{margin-left:0}.landing-page .features{background:#0000;margin:0 auto;max-width:1400px;padding:100px 50px}.landing-page .section-title{margin-bottom:70px;text-align:center}.landing-page .section-title h2{color:#fff;font-size:48px;font-weight:700;margin-bottom:20px}.landing-page .section-title p{color:#ffffffb3;font-size:20px}.landing-page .features-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.landing-page .feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0003;padding:36px;transition:all .4s}.landing-page .feature-card:hover{background:#ffffff14;border-color:#a78bfa66;box-shadow:0 20px 50px #8b5cf64d;transform:translateY(-10px)}.landing-page .feature-icon{font-size:48px;margin-bottom:16px}.landing-page .feature-card h3{color:#fff;font-size:24px;font-weight:600;margin-bottom:14px}.landing-page .feature-card p{color:#ffffffbf;font-size:15px;line-height:1.7;margin:0}.landing-page .benefits{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border-bottom:1px solid #ffffff1a;border-top:1px solid #ffffff1a;padding:100px 50px}.landing-page .benefits-container{margin:0 auto;max-width:1400px}.landing-page .benefits-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:40px}.landing-page .benefit-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-left:4px solid #38bdf8;border-radius:12px;padding:28px;transition:all .3s}.landing-page .benefit-item:hover{background:#ffffff14;border-left-color:#a78bfa;transform:translateX(5px)}.landing-page .benefit-item h3{color:#fff;font-size:22px;font-weight:600;margin-bottom:14px}.landing-page .benefit-item p{color:#ffffffbf;font-size:15px;line-height:1.7;margin:0}.landing-page .pricing-section{background:#0000;padding:100px 50px}.landing-page .billing-toggle{display:flex;gap:0;justify-content:center;margin-bottom:60px}.landing-page .billing-toggle button{background:#ffffff0d;border:1px solid #ffffff1a;color:#ffffffb3;cursor:pointer;font-size:16px;font-weight:600;padding:14px 36px;position:relative;transition:all .3s ease;z-index:1}.landing-page .billing-toggle button:first-child{border-radius:30px 0 0 30px}.landing-page .billing-toggle button:last-child{border-radius:0 30px 30px 0}.landing-page .billing-toggle button.active{background:linear-gradient(135deg,#38bdf8,#a78bfa);border-color:#0000;box-shadow:0 6px 20px #8b5cf666;color:#fff;transform:scale(1.02)}.landing-page .pricing-cards-landing{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1100px}.landing-page .pricing-card-landing{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;padding:44px 36px;position:relative;transition:all .4s}.landing-page .pricing-card-landing:hover{background:#ffffff14;border-color:#a78bfa66;box-shadow:0 20px 50px #8b5cf64d;transform:translateY(-10px)}.landing-page .pricing-card-landing.popular{background:#8b5cf61a;border:2px solid #38bdf8;transform:scale(1.05)}.landing-page .pricing-card-landing.popular:hover{transform:scale(1.05) translateY(-8px)}.landing-page .popular-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:12px;font-weight:600;left:50%;padding:6px 20px;position:absolute;top:-16px;transform:translateX(-50%)}.landing-page .plan-name{color:#fff;font-size:26px;font-weight:600;margin-bottom:18px}.landing-page .plan-price{align-items:baseline;display:flex;margin-bottom:10px}.landing-page .currency{color:#fff;font-size:36px;font-weight:600}.landing-page .amount{color:#fff;font-size:60px;font-weight:700}.landing-page .period{color:#ffffffb3;font-size:18px;margin-left:6px}.landing-page .coming-soon-badge{background:linear-gradient(135deg,#38bdf8,#a78bfa);border-radius:25px;color:#fff;display:inline-block;font-size:14px;font-weight:600;margin-bottom:18px;padding:10px 20px}.landing-page .plan-description{color:#ffffffb3;font-size:15px;margin-bottom:36px}.landing-page .plan-features{flex:1 1;list-style:none;margin:0 0 32px;padding:0}.landing-page .plan-features li{align-items:center;color:#ffffffd9;display:flex;font-size:15px;gap:12px;padding:14px 0}.landing-page .plan-features li svg{flex-shrink:0}.landing-page .btn-outline{background:#fff;border:2px solid #1e293b;border-radius:12px;color:#1e293b;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;padding:14px 24px;text-align:center;text-decoration:none;transition:all .2s}.landing-page .btn-outline:hover,.landing-page .btn-solid{background:#1e293b;color:#fff}.landing-page .btn-solid{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;padding:14px 24px;transition:all .2s}.landing-page .btn-solid:hover:not(:disabled){background:#334155;box-shadow:0 8px 20px #1e293b4d;transform:translateY(-2px)}.landing-page .btn-solid:disabled{cursor:not-allowed;opacity:.6}.landing-page .cta-section{background:linear-gradient(135deg,#38bdf8,#6d28d9);color:#fff;overflow:hidden;padding:100px 50px;position:relative;text-align:center}.landing-page .cta-section:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:50%;content:"";height:500px;position:absolute;right:-10%;top:-50%;width:500px}.landing-page .cta-section h2{font-size:48px;font-weight:700;margin-bottom:28px;position:relative;z-index:1}.landing-page .cta-section p{font-size:22px;margin-bottom:44px;opacity:.95;position:relative;z-index:1}.landing-page .btn-cta{background:#fff;border-radius:30px;box-shadow:0 8px 25px #0003;color:#38bdf8;display:inline-block;font-size:18px;font-weight:600;padding:18px 48px;position:relative;text-decoration:none;transition:all .3s;z-index:1}.landing-page .btn-cta:hover{box-shadow:0 12px 35px #0000004d;transform:translateY(-3px) scale(1.05)}.landing-page .footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-top:1px solid #ffffff1a;color:#fff;padding:50px 50px 40px;text-align:center}.landing-page .footer-links{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-bottom:20px}.landing-page .footer-links a{color:#ffffffb3;font-size:15px;text-decoration:none;transition:all .3s}.landing-page .footer-links a:hover{color:#a78bfa;transform:translateY(-2px)}.landing-page .footer p{color:#fff9;font-size:14px;margin:0}@media (max-width:768px){.landing-page .navbar{padding:15px 20px}.landing-page .nav-links{display:none}.landing-page .hero{padding:120px 20px 60px}.landing-page .hero h1{font-size:36px}.landing-page .hero p{font-size:16px}.landing-page .cta-buttons{align-items:center;flex-direction:column}.landing-page .features{padding:60px 20px}.landing-page .cta-section h2,.landing-page .section-title h2{font-size:32px}}.alert{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;display:flex;font-size:14px;gap:12px;margin-bottom:24px;padding:12px 16px;position:relative;z-index:10000}.alert-error{background:#dc26261a;border:1px solid #dc26264d;color:#fca5a5}.alert-success{background:#10b9811a;border:1px solid #10b9814d;color:#6ee7b7}.alert-warning{background:#f59e0b1a;border:1px solid #f59e0b4d;color:#fcd34d}.alert-info{background:#3b82f61a;border:1px solid #3b82f64d;color:#93c5fd}.alert-icon{flex-shrink:0;height:20px;width:20px}.alert-content{flex:1 1}.alert-actions{display:flex;gap:8px;margin-left:12px}.alert-action-button{background:#0000;border:1px solid;border-radius:4px;color:currentColor;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px}.alert-action-button:hover{opacity:.8}.alert-close{align-items:center;background:none;border:none;border-radius:4px;color:currentColor;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background-color .2s}.alert-close:hover{background:#ffffff1a}.auth-container{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.auth-container:before{background:radial-gradient(circle,#8b5cf626 0,#0000 70%);height:400px;right:-100px;top:20%;width:400px}.auth-container:after,.auth-container:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.auth-container:after{background:radial-gradient(circle,#a78bfa1a 0,#0000 70%);bottom:20%;height:300px;left:-50px;width:300px}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 60px #0006;max-width:440px;padding:48px;position:relative;width:100%;z-index:1}.auth-icon{align-items:center;background:linear-gradient(135deg,#38bdf8,#a78bfa);border-radius:50%;box-shadow:0 8px 20px #8b5cf64d;display:flex;height:72px;justify-content:center;margin:0 auto 24px;width:72px}.auth-title{color:#fff;font-size:28px;font-weight:700;margin-bottom:8px;text-align:center}.auth-subtitle{color:#ffffffb3;font-size:16px;margin-bottom:32px;text-align:center}.auth-form{margin-bottom:24px}.form-group label{font-size:14px}.input-wrapper{box-sizing:border-box;overflow:hidden;position:relative}.input-icon{box-sizing:border-box;color:#ffffff80;height:20px;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:20px;z-index:1}.input-wrapper input,.input-wrapper input[type=email],.input-wrapper input[type=password],.input-wrapper input[type=text]{-webkit-appearance:none;appearance:none;background:#ffffff0d;border:1.5px solid #fff3;border-radius:8px;box-shadow:none;box-sizing:border-box;color:#fff;display:block;font-size:15px;height:48px;line-height:1.5;outline:none;padding:12px 44px 12px 48px;position:relative;transition:all .2s;width:100%;z-index:2}.input-wrapper input:focus,.input-wrapper input[type=email]:focus,.input-wrapper input[type=password]:focus,.input-wrapper input[type=text]:focus{-webkit-appearance:none;appearance:none;background:#ffffff14;border-color:#38bdf8;box-shadow:0 0 0 3px #8b5cf633}.input-wrapper input::placeholder,.input-wrapper input[type=email]::placeholder,.input-wrapper input[type=password]::placeholder,.input-wrapper input[type=text]::placeholder{-webkit-text-fill-color:#fff6;color:#fff6;line-height:1.5;opacity:1;padding-left:0;text-indent:0}.password-toggle{align-items:center;background:none;border:none;box-sizing:border-box;color:#fff9;cursor:pointer;display:flex;height:20px;justify-content:center;padding:4px;position:absolute;right:16px;top:50%;transform:translateY(-50%);width:20px;z-index:3}.password-toggle:hover{color:#ffffffe6;opacity:.8}.password-requirements{display:flex;flex-direction:column;gap:6px;margin-top:12px}.requirement{align-items:center;color:#fff9;display:flex;font-size:13px;gap:8px;transition:color .2s}.requirement.valid{color:#10b981;font-weight:500}.requirement:before{background:currentColor;border-radius:50%;content:"";height:4px;width:4px}.input-wrapper input[type=email]{-webkit-appearance:none;appearance:none;background:#ffffff0d!important}.input-wrapper input[type=email]:focus{background:#ffffff14!important}.btn-primary{background:linear-gradient(135deg,#38bdf8,#a78bfa);border:none;border-radius:8px;box-shadow:0 6px 20px #8b5cf64d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:all .2s;width:100%}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#38bdf8);box-shadow:0 8px 25px #8b5cf666;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.auth-divider{margin:24px 0;position:relative;text-align:center}.auth-divider:before{background:#fff3;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.auth-divider span{background:#ffffff0d;color:#fff9;font-size:14px;padding:0 16px;position:relative}.btn-google{align-items:center;background:#ffffff0d;border:1.5px solid #fff3;border-radius:8px;color:#ffffffe6;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:12px;justify-content:center;padding:12px;transition:all .2s;width:100%}.btn-google:hover{background:#ffffff14;border-color:#ffffff4d;box-shadow:0 4px 12px #0003}.auth-footer{color:#fff9;font-size:14px;margin-top:24px;text-align:center}.auth-footer a{color:#a78bfa;font-weight:600;text-decoration:none}.auth-footer a:hover{color:#38bdf8;text-decoration:underline}.verify-email-page{align-items:center;background:linear-gradient(135deg,#e0e7ff,#f0f4ff);display:flex;justify-content:center;min-height:100vh;padding:20px}.verify-email-container{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;max-width:400px;padding:48px;text-align:center;width:100%}.spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:60px;margin:0 auto 24px;width:60px}@keyframes spin{to{transform:rotate(1turn)}}.error-icon,.success-icon{margin:0 auto 24px}.verify-email-container h2{color:#1f2937;font-size:24px;margin-bottom:12px}.verify-email-container p{color:#6b7280;line-height:1.6;margin-bottom:8px}.redirect-text{color:#9ca3af;font-size:14px;margin-top:20px}.btn-back{background:#1e293b;border:none;color:#fff;font-size:16px;margin-top:24px;padding:12px 24px;transition:background .2s}.btn-back:hover{background:#334155}.sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-right:1px solid #ffffff1a;display:flex;flex-direction:column;height:calc(100vh - 100px);left:0;overflow:hidden;position:fixed;top:100px;transition:transform .3s ease;width:280px;z-index:100}.mobile-menu-toggle{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,#3b82f6,#60a5fa);border:none;border-radius:50%;bottom:20px;box-shadow:0 4px 12px #3b82f666;color:#fff;cursor:pointer;display:none;height:56px;justify-content:center;position:fixed;right:20px;transition:transform .2s;-webkit-user-select:none;user-select:none;width:56px;z-index:1002}.mobile-menu-toggle svg{pointer-events:none}.mobile-menu-toggle:active{transform:scale(.95)}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:100px;transition:opacity .3s ease;z-index:1000}.sidebar-overlay.active{opacity:1}.sidebar-content{flex:1 1;overflow-y:auto;padding:24px 0}.sidebar-nav{display:flex;flex-direction:column;gap:4px;padding:0 16px}.nav-item{align-items:center;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;font-weight:500;gap:12px;padding:12px 16px;text-decoration:none;transition:all .2s}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:#3b82f633;border-left:3px solid #3b82f6;color:#fff;padding-left:13px}.nav-icon{flex-shrink:0}.sidebar-footer{border-top:1px solid #ffffff1a;margin-top:auto;padding:16px}.user-profile{gap:12px;margin-bottom:12px;padding:12px}.btn-logout,.user-profile{align-items:center;display:flex}.btn-logout{background:#0000;border:2px solid #ef4444;border-radius:8px;color:#ef4444;cursor:pointer;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s;width:100%}.btn-logout:hover{background:#ef4444;box-shadow:0 4px 8px #ef444433;color:#fff;transform:translateY(-1px)}.btn-logout:active{transform:translateY(0)}.btn-logout svg{flex-shrink:0}.user-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#60a5fa);border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.user-info{flex:1 1;min-width:0}.user-name{color:#fff;font-size:14px;font-weight:600;margin-bottom:2px}.user-email,.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:#fff9;font-size:12px}@media (max-width:768px){.sidebar{box-shadow:2px 0 8px #00000026;transform:translateX(-100%)}.sidebar.mobile-open{box-shadow:2px 0 12px #0003;transform:translateX(0)}.mobile-menu-toggle{display:flex!important}.sidebar-overlay.active{display:block}.sidebar-nav{padding:16px 0}}.low-credit-banner{animation:slideDown .4s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1.5px solid;border-radius:12px;margin:80px 40px 20px;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.low-credit-banner.medium{background:#fbbf241a;border-color:#fbbf2499}.low-credit-banner.high{background:#f973161a;border-color:#f9731699}.low-credit-banner.critical{background:#ef44441a;border-color:#ef444499}.banner-content{gap:20px;padding:16px 24px}.banner-content,.banner-icon{align-items:center;display:flex}.banner-icon{background:#ffffff1a;border-radius:50%;flex-shrink:0;height:48px;justify-content:center;width:48px}.icon-emoji{font-size:24px;line-height:1}.banner-message{flex:1 1}.banner-title{color:#fff;font-size:16px;font-weight:700;margin:0 0 6px}.low-credit-banner.medium .banner-title{color:#fbbf24}.low-credit-banner.high .banner-title{color:#f97316}.low-credit-banner.critical .banner-title{color:#ef4444}.banner-description{color:#fffc;font-size:14px;line-height:1.5;margin:0}.banner-description strong{color:#fff;font-weight:600}.banner-actions{align-items:center;display:flex;flex-shrink:0;gap:12px}.btn-upgrade{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;display:inline-flex;font-size:14px;gap:8px;padding:10px 20px;text-decoration:none}.btn-upgrade:hover{background:linear-gradient(135deg,#5568d3,#6a3f8b);box-shadow:0 6px 16px #667eea66}.btn-dismiss{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.btn-dismiss:hover{background:#ffffff26;color:#fff;transform:scale(1.05)}.banner-progress-bar{background:#ffffff1a;height:4px;overflow:hidden;position:relative}.progress-fill{left:0;position:absolute;top:0;transition:width .6s ease}.low-credit-banner.medium .progress-fill{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.low-credit-banner.high .progress-fill{background:linear-gradient(90deg,#f97316,#ea580c)}.low-credit-banner.critical .progress-fill{animation:pulse 2s infinite;background:linear-gradient(90deg,#ef4444,#dc2626)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width:768px){.low-credit-banner{margin:80px 20px 16px}.banner-content{align-items:flex-start;flex-direction:column;gap:16px;padding:16px}.banner-actions{justify-content:space-between;width:100%}.btn-upgrade{flex:1 1;justify-content:center}}.dashboard{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);display:flex;flex-direction:column;min-height:100vh}.main-content{display:flex;flex:1 1;margin-top:60px}.main-area{background:#0000;flex:1 1;height:calc(100vh - 60px);margin-left:300px;overflow-y:auto;padding:0}@media (max-width:768px){.dashboard{padding-top:0}.main-content{margin-top:60px}.main-area{height:calc(100vh - 60px);margin-left:0;min-height:calc(100vh - 60px);padding-bottom:80px}}.knowledge-base-page{background:#0000;min-height:calc(100vh - 60px);padding:100px 40px 40px 60px}.page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.page-header h1{color:#fff;font-size:32px;font-weight:700;margin-bottom:8px}.page-header p{color:#ffffffb3;font-size:16px}.storage-info{margin-top:16px}.storage-bar-container{align-items:center;display:flex;gap:12px}.storage-bar{background:#ffffff1a;border-radius:4px;flex:1 1;height:8px;max-width:400px;overflow:hidden}.storage-bar-fill{background:linear-gradient(135deg,#38bdf8,#a78bfa);height:100%;transition:width .3s ease}.storage-text{color:#a78bfa;font-size:14px;font-weight:600;white-space:nowrap}.btn-create{background:linear-gradient(135deg,#38bdf8,#a78bfa);border:none;border-radius:8px;box-shadow:0 4px 15px #8b5cf64d;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s}.btn-create:hover{background:linear-gradient(135deg,#7c3aed,#38bdf8);box-shadow:0 6px 20px #8b5cf666;transform:translateY(-2px)}.empty-state{padding:80px 20px;text-align:center}.empty-icon{margin-bottom:24px;opacity:.5}.empty-state h2{color:#fff;font-size:24px;font-weight:600;margin-bottom:12px}.empty-state p{color:#ffffffb3;font-size:16px;margin-bottom:24px}.btn-create-large{background:linear-gradient(135deg,#38bdf8,#a78bfa);border:none;border-radius:8px;box-shadow:0 4px 15px #8b5cf64d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 32px;transition:all .2s}.btn-create-large:hover{background:linear-gradient(135deg,#7c3aed,#38bdf8);box-shadow:0 6px 20px #8b5cf666;transform:translateY(-2px)}.kb-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:48px}.kb-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;padding:24px;transition:all .2s}.kb-card:hover{background:#ffffff14;border-color:#38bdf8;box-shadow:0 8px 24px #8b5cf64d;transform:translateY(-4px)}.kb-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.kb-card h3{color:#fff;font-size:18px;font-weight:600}.btn-delete-small{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:28px;height:24px;line-height:1;padding:0;width:24px}.btn-delete-small:hover{color:#dc2626}.kb-card p{color:#ffffffb3;font-size:14px;margin-bottom:16px}.kb-card-footer{color:#ffffff80;font-size:13px}.documents-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-top:32px;padding:32px}.section-header{margin-bottom:24px}.section-header h2{font-size:20px;font-weight:600}.btn-upload{background:linear-gradient(135deg,#38bdf8,#a78bfa);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px}.btn-upload:hover{background:linear-gradient(135deg,#7c3aed,#38bdf8);box-shadow:0 6px 20px #8b5cf666}.empty-documents{color:#ffffff80;padding:40px;text-align:center}.documents-list{display:flex;flex-direction:column;gap:12px}.document-item{align-items:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:16px;padding:16px}.document-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.document-name{color:#fff;font-weight:500}.document-date{color:#ffffff80;font-size:13px}.document-status{border-radius:4px;display:inline-block;font-size:11px;font-weight:600;margin-left:8px;padding:2px 6px;text-transform:uppercase}.document-status-processing{background:#38bdf833;border:1px solid #38bdf84d;color:#38bdf8}.document-status-error{background:#dc262633;border:1px solid #dc26264d;color:#dc2626}.btn-delete-doc{background:#ffffff0d;border:1px solid #dc26264d;border-radius:6px;color:#fca5a5;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.btn-delete-doc:hover{background:#dc26261a;border-color:#dc2626;color:#dc2626}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2efa;border:1px solid #ffffff1a;border-radius:16px;max-height:90vh;max-width:500px;overflow-y:auto;padding:32px;width:90%}.modal h2{color:#fff;font-size:24px;font-weight:600;margin-bottom:24px}.form-group{margin-bottom:20px}.form-group label{color:#ffffffe6;display:block;font-weight:600;margin-bottom:8px}.form-group input,.form-group textarea{background:#ffffff0d;border:1.5px solid #fff3;border-radius:8px;color:#fff;font-size:15px;padding:12px;width:100%}.form-group input:focus,.form-group textarea:focus{background:#ffffff14;border-color:#38bdf8;box-shadow:0 0 0 3px #8b5cf633;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff6;opacity:1}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn-cancel{background:#ffffff0d;border:1.5px solid #fff3;border-radius:8px;color:#ffffffe6;cursor:pointer;font-weight:600;padding:10px 24px;transition:all .2s}.btn-cancel:hover{background:#ffffff14;border-color:#ffffff4d}.btn-submit{background:linear-gradient(135deg,#38bdf8,#a78bfa);border:none;border-radius:8px;box-shadow:0 4px 15px #8b5cf64d;color:#fff;cursor:pointer;font-weight:600;padding:10px 24px;transition:all .2s}.btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#38bdf8);box-shadow:0 6px 20px #8b5cf666}.btn-submit:disabled{cursor:not-allowed;opacity:.5}.selected-files{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.file-tag{align-items:center;background:#8b5cf633;border:1px solid #8b5cf64d;border-radius:6px;color:#a78bfa;display:inline-flex;font-size:13px;font-weight:500;gap:8px;padding:6px 12px}.file-tag button{background:none;border:none;color:#a78bfa;cursor:pointer;font-size:18px;font-weight:600;line-height:1;padding:0}.file-tag button:hover{color:#38bdf8}.chatbots-page{background:#0000;min-height:calc(100vh - 60px);padding:100px 40px 40px 60px}.limits-info{margin-top:8px}.limit-badge{align-items:center;background:#8b5cf633;border:1px solid #8b5cf64d;border-radius:6px;color:#a78bfa;display:inline-flex;font-size:14px;font-weight:600;padding:6px 12px}.btn-create:disabled{background:#ffffff4d;cursor:not-allowed;opacity:.5}.btn-create:disabled:hover{background:#ffffff4d;transform:none}.chatbots-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.chatbot-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;overflow:hidden;transition:all .2s}.chatbot-card:hover{background:#ffffff14;border-color:#38bdf8;box-shadow:0 8px 24px #8b5cf64d;transform:translateY(-4px)}.chatbot-icon{align-items:center;background:linear-gradient(135deg,#38bdf8,#a78bfa);display:flex;height:120px;justify-content:center}.chatbot-content{padding:24px}.chatbot-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.chatbot-header h3{color:#fff;font-size:20px;font-weight:600}.chatbot-desc{color:#ffffffb3;font-size:14px;line-height:1.5;margin-bottom:16px}.chatbot-kb-badge{align-items:center;background:#8b5cf633;border:1px solid #8b5cf64d;border-radius:6px;color:#a78bfa;display:inline-flex;font-size:13px;font-weight:500;gap:6px;margin-bottom:16px;padding:6px 12px}.chatbot-footer{align-items:center;border-top:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:20px;padding-top:16px}.chatbot-date{color:#ffffff80;font-size:13px}.chatbot-actions{align-items:center;display:flex;gap:8px}.btn-copy-embed{align-items:center;background:#ffffff0d;border:1.5px solid #38bdf8;border-radius:6px;color:#a78bfa;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.btn-copy-embed:hover{background:#8b5cf61a;transform:translateY(-1px)}.btn-copy-embed svg{flex-shrink:0}.btn-open-chat{background:linear-gradient(135deg,#38bdf8,#a78bfa);border:none;border-radius:6px;box-shadow:0 4px 15px #8b5cf64d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.btn-open-chat:hover{background:linear-gradient(135deg,#7c3aed,#38bdf8);box-shadow:0 6px 20px #8b5cf666;transform:translateY(-1px)}.btn-export-visitors{align-items:center;background:#ffffff0d;border:1.5px solid #38bdf880;border-radius:6px;color:#38bdf8;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.btn-export-visitors:hover{background:#38bdf81a;border-color:#38bdf8;transform:translateY(-1px)}.btn-export-visitors svg{flex-shrink:0}.btn-delete{background:#dc26261a;border:1px solid #dc2626;border-radius:4px;color:#fca5a5;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px}.btn-delete:hover{background:#dc262633}select{background:#ffffff0d;border:1.5px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;padding:12px;width:100%}select option{background:#1a1a2ef2;color:#fff;padding:8px}select:focus{background:#ffffff14;border-color:#38bdf8;box-shadow:0 0 0 3px #8b5cf633;outline:none}.color-picker-wrapper{align-items:center;display:flex;gap:12px}.color-picker{cursor:pointer;height:44px;width:60px}.color-input,.color-picker{background:#ffffff0d;border:1.5px solid #fff3;border-radius:8px}.color-input{color:#fff;flex:1 1;font-size:15px;padding:12px}.color-input:focus{background:#ffffff14;border-color:#38bdf8;box-shadow:0 0 0 3px #8b5cf633;outline:none}input::placeholder,select::placeholder,textarea::placeholder{color:#fff6;opacity:1}.form-group small{color:#fff9;display:block;font-size:13px;margin-top:6px}.export-info{background:#38bdf81a;border:1px solid #38bdf84d;border-radius:8px;margin-top:16px;padding:16px}.export-info p{color:#38bdf8;font-size:14px;margin:0 0 12px}.export-info ul{color:#fffc;margin:0;padding-left:20px}.export-info ul li{font-size:14px;margin-bottom:6px}.modal-large{max-height:90vh;max-width:700px;overflow-y:auto}.modal-large::-webkit-scrollbar{background:#0000;width:0}.modal-large{-ms-overflow-style:none;scrollbar-width:none}.modal-alert{align-items:center;border-radius:6px;display:flex;font-size:13px;gap:12px;justify-content:space-between;margin-bottom:16px;padding:10px 16px}.modal-alert-success{background:#10b98126;border:1px solid #10b98166;color:#6ee7b7}.modal-alert-error{background:#dc262626;border:1px solid #dc262666;color:#fca5a5}.modal-alert-warning{background:#f59e0b26;border:1px solid #f59e0b66;color:#fcd34d}.modal-alert-close{align-items:center;background:none;border:none;color:currentColor;cursor:pointer;display:flex;font-size:20px;height:20px;justify-content:center;opacity:.7;padding:0;transition:opacity .2s;width:20px}.modal-alert-close:hover{opacity:1}.embed-section{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:30px;padding:20px}.embed-section h3{color:#fff;font-size:18px;font-weight:600;margin-bottom:12px}.help-text{color:#fff9;font-size:13px;line-height:1.5;margin-bottom:16px}.domain-input-group{display:flex;gap:12px;margin-bottom:20px}.domain-input{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;flex:1 1;font-size:14px;padding:12px}.domain-input::placeholder{color:#fff6}.domain-input:focus{background:#ffffff14;border-color:#a78bfa;outline:none}.btn-add-domain{background:linear-gradient(135deg,#38bdf8,#a78bfa);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s;white-space:nowrap}.btn-add-domain:hover{box-shadow:0 6px 20px #8b5cf666;transform:translateY(-1px)}.btn-add-domain:disabled{cursor:not-allowed;opacity:.5}.domains-list{display:flex;flex-direction:column;gap:10px}.domain-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s}.domain-item:hover{background:#ffffff14;border-color:#fff3}.domain-name{color:#fff;flex:1 1;font-size:14px;font-weight:500}.domain-status{border-radius:6px;font-size:13px;font-weight:600;margin-right:12px;padding:4px 12px}.domain-status.active{background:#22c55e33;border:1px solid #22c55e4d;color:#86efac}.domain-status.inactive{background:#ef444433;border:1px solid #ef44444d;color:#fca5a5}.btn-remove-domain{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;color:#fca5a5;cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;transition:all .2s;width:28px}.btn-remove-domain:hover{background:#ef444433;transform:scale(1.1)}.empty-domains{background:#ffffff05;border:1px dashed #fff3;border-radius:8px;padding:24px;text-align:center}.empty-domains p{color:#ffffff80;font-size:14px}.embed-code-container{position:relative}.embed-code{background:#0006;border:1px solid #ffffff1a;border-radius:8px;color:#a78bfa;font-family:Courier New,monospace;font-size:13px;line-height:1.6;margin-bottom:12px;max-height:150px;overflow-x:auto;overflow-y:auto;padding:16px;white-space:pre-wrap;word-break:break-all}.embed-code::-webkit-scrollbar{height:6px;width:6px}.embed-code::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.embed-code::-webkit-scrollbar-thumb{background:#a78bfa4d;border-radius:3px}.embed-code::-webkit-scrollbar-thumb:hover{background:#a78bfa80}.btn-copy-code{background:linear-gradient(135deg,#38bdf8,#a78bfa);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:all .2s;width:100%}.btn-copy-code:hover{box-shadow:0 6px 20px #8b5cf666;transform:translateY(-1px)}.btn-copy-code:disabled{cursor:not-allowed;opacity:.5}.btn-regenerate-key{background:#fb923c1a;border:1.5px solid #fb923c4d;border-radius:8px;color:#fb923c;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:12px;padding:12px 24px;transition:all .2s}.btn-regenerate-key:hover{background:#fb923c33;border-color:#fb923c;transform:translateY(-1px)}.chat-interface-container{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);display:flex;height:100vh;padding-top:60px}.chat-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2ef2;border-right:1px solid #ffffff1a;display:flex;flex-direction:column;flex-shrink:0;height:calc(100vh - 60px);overflow-y:auto;width:300px}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:20px}.sidebar-header h3{color:#fff;font-size:18px;font-weight:600}.sessions-list{flex:1 1;overflow-y:auto}.session-item{border-bottom:1px solid #ffffff0d;cursor:pointer;padding:16px 20px;transition:all .2s}.session-item:hover{background:#ffffff0d}.session-item.active{background:#8b5cf633;border-left:4px solid #38bdf8}.session-name{color:#fff;font-size:15px;font-weight:600;margin-bottom:4px}.session-email{color:#a78bfa;margin-bottom:2px}.session-email,.session-mobile{align-items:center;display:flex;font-size:12px;gap:4px}.session-mobile,.session-preview{color:#fff9;margin-bottom:6px}.session-preview{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-time{color:#fff6;font-size:12px}.chat-interface{background:#ffffff05;display:flex;flex-direction:column;height:calc(100vh - 60px)}.chat-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2ee6;border-bottom:1px solid #ffffff1a;gap:20px;padding:20px 40px}.btn-back,.chat-header{align-items:center;display:flex}.btn-back{background:#ffffff0d;border:1.5px solid #fff3;border-radius:8px;color:#ffffffe6;cursor:pointer;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s}.btn-back:hover{background:#ffffff14;border-color:#ffffff4d}.chat-title h1{color:#fff;font-size:24px;font-weight:600;margin-bottom:4px}.chat-title p{color:#ffffffb3;font-size:14px}.usage-info{display:flex;flex-direction:column;gap:8px;margin-left:auto;min-width:200px}.usage-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden;width:100%}.usage-fill{background:linear-gradient(90deg,#10b981,#38bdf8);border-radius:4px;height:100%;transition:width .3s ease}.usage-text{color:#fffc;font-size:13px;text-align:right}.usage-warning{color:#f87171;font-weight:600}.messages-container{background:#0000;flex:1 1;overflow-y:auto;padding:40px}.empty-chat{align-items:center;color:#fff6;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.empty-chat h3{color:#fff9;font-size:20px;margin:16px 0 8px}.messages-list{margin:0 auto;max-width:900px}.message{display:flex;gap:16px;margin-bottom:24px}.message.user{flex-direction:row-reverse}.message-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.message.user .message-avatar{background:linear-gradient(135deg,#38bdf8,#a78bfa);color:#fff}.message.assistant .message-avatar{background:#ffffff1a;color:#fffc}.message-content{flex:1 1;max-width:70%}.message.user .message-content{align-items:flex-end;display:flex;flex-direction:column}.message-text{word-wrap:break-word;border-radius:16px;line-height:1.6;padding:16px 20px}.message.user .message-text{background:#fff;border-bottom-right-radius:4px;box-shadow:0 2px 4px #0000000d;color:#2d3748}.message.assistant .message-text{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-bottom-left-radius:4px;color:#fff}.markdown-p{line-height:1.7;margin:0 0 12px}.markdown-p:last-child{margin-bottom:0}.markdown-strong{color:#111827;font-weight:700}.markdown-em{color:#374151;font-style:italic}.markdown-ol,.markdown-ul{margin:12px 0;padding-left:24px}.markdown-li{line-height:1.6;margin:6px 0}.markdown-h1{border-bottom:2px solid #e5e7eb;font-size:24px;margin:20px 0 12px;padding-bottom:8px}.markdown-h1,.markdown-h2{color:#111827;font-weight:700}.markdown-h2{font-size:20px;margin:18px 0 10px}.markdown-h3{color:#1f2937;font-size:18px;font-weight:600;margin:16px 0 8px}.markdown-h4{color:#374151;font-size:16px;font-weight:600;margin:14px 0 8px}.inline-code{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;color:#dc2626;font-family:Consolas,Monaco,Courier New,monospace;font-size:.9em;padding:2px 6px}.code-block{background:#1f2937;border:1px solid #374151;border-radius:8px;color:#f9fafb;margin:12px 0;padding:16px}.code-block code{color:#f9fafb;display:block;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.6;white-space:pre}.message.assistant .message-text,.message.user .message-text{font-size:15px}.message-sources{background:#8b5cf633;border:1px solid #8b5cf64d;border-radius:8px;color:#a78bfa;font-size:13px;margin-top:8px;padding:12px}.message-meta{color:#fff9;font-weight:500}.message-meta,.message-time{font-size:12px;margin-top:6px}.message-time{color:#fff6}.typing-indicator{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;border-bottom-left-radius:4px;display:flex;gap:4px;padding:16px 20px}.typing-indicator span{animation:typing 1.4s infinite;background:#fff9;border-radius:50%;height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.7;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.chat-input-form{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2ee6;border-top:1px solid #ffffff1a;padding:24px 40px}.chat-input-wrapper{align-items:center;display:flex;gap:12px;margin:0 auto;max-width:900px}.chat-input-wrapper input{background:#ffffff0d;border:1.5px solid #fff3;border-radius:24px;color:#fff;flex:1 1;font-size:15px;outline:none;padding:14px 20px;transition:all .2s}.chat-input-wrapper input:focus{background:#ffffff14;border-color:#38bdf8;box-shadow:0 0 0 3px #8b5cf633}.chat-input-wrapper input::placeholder{color:#fff6;opacity:1}.chat-input-wrapper button{align-items:center;background:linear-gradient(135deg,#38bdf8,#a78bfa);border:none;border-radius:50%;box-shadow:0 4px 15px #8b5cf64d;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .2s;width:48px}.chat-input-wrapper button:hover:not(:disabled){box-shadow:0 6px 20px #8b5cf666;transform:scale(1.05)}.chat-input-wrapper button:disabled{cursor:not-allowed;opacity:.5}.pricing-container{background:#0000;min-height:calc(100vh - 60px);padding:100px 40px 40px 60px}.pricing-content{margin:0 auto;max-width:1200px}.pricing-title{color:#fff;font-size:48px;font-weight:700;margin-bottom:40px;text-align:center}.billing-toggle{display:flex;gap:0;justify-content:center;margin-bottom:60px}.billing-toggle button{background:#ffffff0d;border:none;color:#ffffffb3;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:all .3s}.billing-toggle button:first-child{border-radius:24px 0 0 24px}.billing-toggle button:last-child{border-radius:0 24px 24px 0}.billing-toggle button.active{background:linear-gradient(135deg,#38bdf8,#a78bfa);box-shadow:0 4px 15px #8b5cf64d;color:#fff}.pricing-cards{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;max-width:1100px}.pricing-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 4px 6px #0003;padding:40px 32px;position:relative;transition:all .3s}.pricing-card:hover{background:#ffffff14;box-shadow:0 20px 40px #8b5cf64d;transform:translateY(-8px)}.pricing-card.popular{background:#ffffff14;border:2px solid #38bdf8;transform:scale(1.05)}.pricing-card.popular:hover{transform:scale(1.05) translateY(-8px)}.popular-badge{background:linear-gradient(135deg,#38bdf8,#a78bfa);border-radius:20px;box-shadow:0 4px 15px #8b5cf64d;font-size:12px;left:50%;padding:6px 20px;position:absolute;top:-16px;transform:translateX(-50%)}.plan-name,.popular-badge{color:#fff;font-weight:600}.plan-name{font-size:24px;margin-bottom:16px}.plan-price{margin-bottom:8px}.currency{color:#fff;font-size:32px;font-weight:600}.amount{color:#fff;font-size:56px;font-weight:700}.period{color:#ffffffb3;font-size:18px;margin-left:4px}.coming-soon-price{justify-content:center;margin-bottom:16px}.coming-soon-text{background:linear-gradient(135deg,#38bdf8,#a78bfa);border-radius:20px;box-shadow:0 4px 15px #8b5cf64d;color:#fff;font-size:18px;font-weight:600;padding:8px 16px}.plan-description{color:#fff9;font-size:14px;margin-bottom:32px}.plan-features{margin:0 0 32px}.plan-features li{align-items:center;display:flex;font-size:15px;gap:12px;padding:12px 0}.plan-features li svg{flex-shrink:0}.plan-actions{display:flex;flex-direction:column;gap:12px}.btn-outline{background:#ffffff0d;border:2px solid #38bdf8;border-radius:12px;color:#a78bfa;cursor:pointer;font-size:16px;font-weight:600;padding:14px 24px;transition:all .2s}.btn-outline:hover{box-shadow:0 6px 20px #8b5cf666}.btn-outline:hover,.btn-solid{background:linear-gradient(135deg,#38bdf8,#a78bfa);color:#fff}.btn-solid{border:none;border-radius:12px;box-shadow:0 4px 15px #8b5cf64d;cursor:pointer;font-size:16px;font-weight:600;padding:14px 24px;transition:all .2s}.btn-solid:hover{background:linear-gradient(135deg,#7c3aed,#38bdf8);box-shadow:0 6px 20px #8b5cf666;transform:translateY(-2px)}@media (max-width:768px){.pricing-cards{grid-template-columns:1fr}.pricing-card.popular{transform:scale(1)}.pricing-title{font-size:36px}}.payments-container{background:#0000;min-height:calc(100vh - 60px);padding:100px 40px 40px 60px}.payments-content{margin:0 auto;max-width:1200px}.payments-header{margin-bottom:40px}.payments-header h1{color:#fff;font-size:32px;font-weight:700;margin-bottom:8px}.payments-header p{color:#ffffffb3;font-size:16px}.payments-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:40px}.payment-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 20px #0003;padding:32px}.payment-card h2{color:#fff;font-size:20px;font-weight:600}.payment-card h2,.subscription-info{margin-bottom:24px}.plan-badge{border-radius:20px;display:inline-block;font-size:14px;font-weight:600;margin-bottom:16px;padding:6px 16px}.plan-badge.free{background:#8b5cf633;border:1px solid #8b5cf64d;color:#a78bfa}.plan-details{color:#ffffffe6;font-size:16px;margin-bottom:8px}.renewal-info{color:#fff9;font-size:14px}.btn-upgrade{background:linear-gradient(135deg,#38bdf8,#a78bfa);border:none;border-radius:8px;box-shadow:0 4px 15px #8b5cf64d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:all .2s;width:100%}.btn-upgrade:hover{box-shadow:0 8px 25px #8b5cf666;transform:translateY(-2px)}.usage-stats{display:flex;flex-direction:column;gap:16px}.stat-item{align-items:center;display:flex;justify-content:space-between}.stat-label{color:#fff9;font-size:14px}.stat-value{color:#fff;font-size:16px;font-weight:600}.progress-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(135deg,#38bdf8,#a78bfa);height:100%;transition:width .3s}.upgrade-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 20px #0003;margin-bottom:40px;padding:40px}.upgrade-section h2{color:#fff;font-size:24px;font-weight:700;margin-bottom:8px}.upgrade-section>p{color:#ffffffb3;font-size:16px;margin-bottom:32px}.payment-type-toggle{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.payment-type-toggle button{align-items:center;background:#ffffff0d;border:2px solid #fff3;border-radius:12px;color:#ffffffe6;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:12px;padding:16px 20px;position:relative;transition:all .2s}.payment-type-toggle button:hover{background:#ffffff14;border-color:#38bdf8;box-shadow:0 4px 12px #8b5cf633}.payment-type-toggle button.active{background:linear-gradient(135deg,#38bdf8,#a78bfa);border-color:#38bdf8;box-shadow:0 6px 20px #8b5cf666;color:#fff}.payment-type-toggle button svg{flex-shrink:0}.payment-type-toggle button .tag{background:#fff3;border-radius:8px;font-size:11px;font-weight:500;padding:2px 8px;position:absolute;right:8px;top:8px}.payment-type-toggle button:not(.active) .tag{background:#f3f4f6;color:#6b7280}.plan-selector{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.plan-option{background:#ffffff05;border:2px solid #fff3;border-radius:12px;cursor:pointer;padding:24px;position:relative;transition:all .2s}.plan-option:hover{background:#ffffff0d;border-color:#38bdf8;box-shadow:0 4px 12px #8b5cf633}.plan-option.selected{background:#8b5cf626;border-color:#38bdf8}.popular-tag{background:linear-gradient(135deg,#38bdf8,#a78bfa);border-radius:12px;box-shadow:0 4px 10px #8b5cf64d;color:#fff;font-size:12px;font-weight:600;padding:4px 12px;position:absolute;right:24px;top:-12px}.plan-header{margin-bottom:20px}.plan-header h3{color:#fff;font-size:20px;font-weight:600;margin-bottom:12px}.plan-price{align-items:baseline;display:flex;gap:4px}.plan-price .price{color:#fff;font-size:36px;font-weight:700}.plan-price .period{color:#fff9;font-size:16px}.plan-features{list-style:none;margin:0;padding:0}.plan-features li{color:#ffffffe6;font-size:14px;padding:8px 0}.payment-section{margin:0 auto;max-width:500px}.payment-summary{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:24px;padding:24px}.payment-summary h3{color:#fff;font-size:18px;font-weight:600;margin-bottom:16px}.summary-row{border-bottom:1px solid #ffffff1a;color:#ffffffe6;display:flex;font-size:15px;justify-content:space-between;padding:12px 0}.summary-row.total{border-bottom:none;color:#fff;font-size:18px;font-weight:600;margin-top:8px}.btn-razorpay{align-items:center;background:#3395ff;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;padding:16px;transition:all .2s;width:100%}.btn-razorpay:hover:not(:disabled){background:#2581e6;box-shadow:0 8px 20px #3395ff4d;transform:translateY(-2px)}.btn-razorpay:disabled{cursor:not-allowed;opacity:.6}.payment-note{color:#fff9;font-size:13px;margin-top:16px;text-align:center}.payment-history{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 20px #0003;padding:40px}.payment-history h2{color:#fff;font-size:24px;font-weight:700;margin-bottom:24px}.history-table{overflow-x:auto}.table-header{grid-gap:16px;background:#ffffff08;border-radius:8px;color:#fff9;display:grid;font-size:14px;font-weight:600;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:16px;padding:12px 16px}.table-rows{display:flex;flex-direction:column;gap:8px}.table-row{grid-gap:16px;background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;color:#ffffffe6;display:grid;font-size:14px;gap:16px;grid-template-columns:repeat(4,1fr);padding:16px;transition:all .2s}.table-row:hover{background:#ffffff0f;box-shadow:0 2px 8px #0003}.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.status-badge.success{background:#10b98133;border:1px solid #10b9814d;color:#10b981}.status-badge.failed{background:#ef444433;border:1px solid #ef44444d;color:#fca5a5}.status-badge.pending{background:#fbbf2433;border:1px solid #fbbf244d;color:#fbbf24}.table-empty{align-items:center;color:#fff6;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.table-empty p{font-size:16px;margin-top:16px}@media (max-width:768px){.payments-container{padding:20px}.payment-card,.upgrade-section{padding:24px}.plan-selector{grid-template-columns:1fr}}.user-guide-container{background:#0000;color:#fff;margin:0 auto;max-width:1200px;min-height:calc(100vh - 60px);padding:100px 40px 40px 60px}.user-guide-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 4px 20px #0000004d;overflow:hidden}.section{border-bottom:1px solid #ffffff1a;padding:30px}.section:last-child{border-bottom:none}.section h2{border-bottom:3px solid #38bdf8;color:#fff;font-size:1.8em;font-weight:600;margin-bottom:20px;padding-bottom:10px}.section h3{color:#ffffffe6;font-size:1.3em;font-weight:500;margin-bottom:15px;margin-top:30px}.benefit-item{background:#8b5cf61a;border-left:4px solid #38bdf8;border-radius:5px;margin:10px 0;padding:15px}.benefit-item h3{color:#fff;font-size:1.1em;margin:0 0 8px}.benefit-item p{color:#ffffffb3;margin:0}.step{align-items:flex-start;background:#8b5cf626;border-left:5px solid #38bdf8;border-radius:8px;display:flex;gap:15px;margin:15px 0;padding:20px}.step-number{box-shadow:0 4px 10px #8b5cf64d;display:inline-block;height:30px;line-height:30px;margin-right:15px;margin-top:2px;text-align:center;width:30px}.step strong{color:#fff;display:block;flex-shrink:0;font-size:1.1em;margin-bottom:10px;min-width:150px}.step p{color:#fffc;flex:1 1;margin:0}.code-block{background:#2c3e50;border-radius:5px;color:#fff;font-family:Courier New,monospace;font-size:14px;line-height:1.4;margin:10px 0;overflow-x:auto;padding:15px;white-space:pre-wrap}.feature-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:20px 0}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.feature-card:hover{background:#ffffff14;box-shadow:0 8px 20px #8b5cf64d;transform:translateY(-2px)}.feature-card h3{color:#fff;font-size:1.2em;margin-bottom:10px}.feature-card p{color:#ffffffb3;line-height:1.5;margin:0}.warning{background:#ffc10726;border:1px solid #ffc1074d;border-radius:5px;color:#fff;margin:15px 0;padding:15px}.warning strong{display:block;margin-bottom:5px}.success{background:#10b98126;border:1px solid #10b9814d;border-radius:5px;color:#fff;margin:15px 0;padding:15px}.success strong{display:block;margin-bottom:5px}.toc{background:#ffffff08;border-bottom:1px solid #ffffff1a;margin-bottom:0;padding:20px 30px}.toc h2{font-size:1.5em;margin-bottom:15px}.toc ul{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));list-style:none;padding:0}.toc li,.toc ul{margin:0}.toc a{border-radius:4px;color:#fff;display:block;padding:8px 12px;text-decoration:none;transition:background-color .2s ease}.toc a:hover{background-color:#8b5cf633;text-decoration:underline}@media (max-width:768px){.user-guide-container{padding:10px}.section{padding:20px}.feature-grid,.toc ul{grid-template-columns:1fr}.step{flex-direction:column;gap:10px;text-align:left}.step-number{margin-bottom:10px;margin-right:0}}@media (max-width:480px){.section h2{font-size:1.5em}.feature-card{padding:15px}}.playground-page{background:#0000;min-height:calc(100vh - 60px);padding:100px 40px 40px 60px}.playground-container{display:block;margin-bottom:40px}.playground-panel-fullwidth{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.panel-header{align-items:center;background:#ffffff08;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px 24px}.panel-header h2{color:#fff;font-size:18px;font-weight:600;margin:0}.panel-actions{display:flex;gap:8px}.btn-clear,.btn-sample{align-items:center;background:#ffffff0d;border:1.5px solid #fff3;border-radius:8px;color:#ffffffe6;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.btn-sample:hover{background:#8b5cf61a;border-color:#38bdf8;color:#a78bfa}.btn-clear:hover{background:#dc26261a;border-color:#dc2626;color:#fca5a5}.code-editor{background:#0003;border:none;color:#fff;flex:1 1;font-family:Courier New,Consolas,Monaco,monospace;font-size:14px;line-height:1.6;min-height:300px;outline:none;padding:20px;resize:none;width:100%}.code-editor::placeholder{color:#fff6}.editor-actions{background:#ffffff08;border-top:1px solid #ffffff1a;display:flex;gap:12px;justify-content:center;padding:16px 24px}.btn-test-preview{align-items:center;background:linear-gradient(135deg,#38bdf8,#a78bfa);border:none;border-radius:8px;box-shadow:0 4px 15px #8b5cf64d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 32px;transition:all .2s}.btn-test-preview:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#38bdf8);box-shadow:0 6px 20px #8b5cf666;transform:translateY(-2px)}.btn-test-preview:disabled{cursor:not-allowed;opacity:.5}.chat-preview-modal{align-items:center;animation:fadeIn .3s ease;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.chat-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:absolute;right:0;top:0}.chat-modal-content{animation:slideUp .3s ease;background:#1a1a2efa;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;height:85vh;max-width:1200px;position:relative;width:90%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-modal-header{align-items:center;background:linear-gradient(135deg,#38bdf8,#a78bfa);border-bottom:1px solid #ffffff1a;border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.chat-header-info{align-items:center;display:flex;gap:16px}.chat-header-info h3{font-size:20px;font-weight:600;margin:0}.chatbot-id-badge{background:#fff3;border-radius:12px;font-size:13px;font-weight:500;padding:4px 12px}.btn-close-chat{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.btn-close-chat:hover{background:#ffffff4d;transform:rotate(90deg)}.chat-iframe-container{background:#ffffff0d;flex:1 1;overflow:hidden;position:relative}.chat-iframe-container iframe{border:none;height:100%;width:100%}.chat-modal-footer{align-items:center;background:#10b9811a;border-top:1px solid #ffffff1a;color:#10b981;display:flex;font-size:14px;gap:8px;padding:16px 24px}.chat-modal-footer svg{flex-shrink:0}.chat-modal-footer strong,.preview-badge{font-weight:600}.preview-badge{align-items:center;background:linear-gradient(135deg,#38bdf8,#a78bfa);border-radius:12px;color:#fff;display:inline-flex;font-size:12px;padding:4px 12px}.info-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:32px}.info-section h3{color:#fff;font-size:20px;font-weight:600;margin:0 0 24px}.info-steps{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.info-step{display:flex;gap:16px}.step-number{align-items:center;background:linear-gradient(135deg,#38bdf8,#a78bfa);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:40px;justify-content:center;width:40px}.step-content h4{color:#fff;font-size:16px;font-weight:600;margin:0 0 6px}.step-content p{color:#ffffffb3;font-size:14px;line-height:1.5;margin:0}@media (max-width:1024px){.chat-modal-content{height:90vh;width:95%}}@media (max-width:768px){.playground-page{padding:20px}.panel-header{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}.panel-actions{justify-content:flex-end;width:100%}.editor-actions{flex-direction:column}.btn-test-preview{justify-content:center;width:100%}.info-steps{grid-template-columns:1fr}.code-editor{font-size:13px;min-height:250px}.chat-modal-content{border-radius:0;height:100vh;width:100%}.chat-modal-header{border-radius:0}.chat-header-info{align-items:flex-start;flex-direction:column;gap:8px}.chat-header-info h3{font-size:18px}}.admin-content-wrapper{padding-top:100px}.admin-nav{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.admin-nav button{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#ffffffe6;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s}.admin-nav button.active,.admin-nav button:hover{background:linear-gradient(135deg,#3b82f6,#60a5fa);border-color:#3b82f6;box-shadow:0 4px 15px #3b82f64d;color:#fff}.admin-content{margin:0 auto;max-width:1400px;padding:0 2rem 2rem 3rem}.overview-section h2{color:#fff;margin-bottom:2rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 20px #0003;padding:2rem;transition:transform .3s}.stat-card:hover{background:#ffffff14;box-shadow:0 8px 30px #3b82f64d;transform:translateY(-5px)}.stat-card h3{color:#fff9;font-size:.9rem;letter-spacing:.5px;margin:0 0 1rem;text-transform:uppercase}.stat-number{color:#60a5fa;font-size:2.5rem;font-weight:700;margin:0}.users-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 20px #0003;padding:2rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.section-header h2{color:#fff;margin:0}.export-btn{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:background .3s}.export-btn:hover{background:#059669}.filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.filters select,.search-input{background:#ffffff0d;border:1.5px solid #fff3;border-radius:8px;color:#fff;font-size:.95rem;min-width:200px;padding:.75rem}.search-input{flex:1 1}.filters select:focus,.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633;outline:none}.users-table-container{margin-bottom:2rem;overflow-x:auto}.detail-table,.users-table{border-collapse:collapse;width:100%}.detail-table td,.detail-table th,.users-table td,.users-table th{border-bottom:1px solid #ffffff1a;padding:1rem;text-align:left}.detail-table th,.users-table th{background:#ffffff08;color:#fff9;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.users-table tbody tr:hover{background:#ffffff08}.badge{border-radius:20px;font-size:.85rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}.badge-free,.badge-lite{background:#3b82f633;border:1px solid #3b82f64d;color:#60a5fa}.badge-pro{background:#fbbf2433;border:1px solid #fbbf244d;color:#fbbf24}.badge-success{background:#10b98133;border:1px solid #10b9814d;color:#10b981}.App{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);min-height:100vh}:root{--primary-gradient:linear-gradient(135deg,#38bdf8,#a78bfa);--primary-dark:#1a1a2e;--primary-light:#ffffff1a;--accent-purple:#38bdf8;--accent-purple-light:#a78bfa;--text-dark:#fff;--text-gray:#ffffffb3;--bg-light:#ffffff0d;--bg-dark:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);--border-color:#ffffff1a;--glass-bg:#ffffff0d;--glass-border:#ffffff1a}
/*# sourceMappingURL=main.2bbfd8c9.css.map*/