@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--navy:#1a1a2e;--purple:#7c3aed;--orange:#ff6b35;--white:#fff;--lightgrey:#f8fafc;--darkgrey:#374151;--border:#e5e7eb}body{background-color:#1a1a2e;background-color:var(--navy);color:#fff;color:var(--white);font-family:Inter,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:Inter,sans-serif}.btn-primary{background:#7c3aed;background:var(--purple);border:none;border-radius:8px;color:#fff;color:var(--white);cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;transition:all .3s ease}.btn-primary:hover{background:#6d28d9;box-shadow:0 8px 25px #7c3aed66;transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid #fff;border:2px solid var(--white);border-radius:8px;color:#fff;color:var(--white);cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;transition:all .3s ease}.btn-secondary:hover{background:#fff;background:var(--white);color:#1a1a2e;color:var(--navy)}.btn-orange{background:#ff6b35;background:var(--orange);border:none;border-radius:8px;color:#fff;color:var(--white);cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;transition:all .3s ease}.btn-orange:hover{background:#e55a25;transform:translateY(-2px)}input,select,textarea{font-family:Inter,sans-serif}.container{margin:0 auto;max-width:1200px;padding:0 20px}.toast{animation:fadeInOut 3s ease forwards;background:#333;border-radius:8px;bottom:30px;color:#fff;font-size:14px;left:50%;padding:12px 24px;position:fixed;transform:translateX(-50%);z-index:9999}.toast.success{background:#10b981}.toast.error{background:#ef4444}@keyframes fadeInOut{0%{opacity:0;transform:translateX(-50%) translateY(20px)}15%{opacity:1;transform:translateX(-50%) translateY(0)}85%{opacity:1}to{opacity:0}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#1a1a2e;background:var(--navy)}::-webkit-scrollbar-thumb{background:#7c3aed;background:var(--purple);border-radius:3px}.landing{background:var(--navy);min-height:100vh}.navbar{align-items:center;background:#1a1a2ef2;border-bottom:1px solid #7c3aed33;display:flex;justify-content:space-between;padding:20px 60px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-brand{color:var(--white);font-family:Poppins,sans-serif;font-size:24px;font-weight:800}.nav-links{align-items:center;display:flex;gap:30px}.nav-links a{color:#fffc;font-size:15px;transition:color .3s}.nav-links a:hover{color:var(--white)}.hero{padding:100px 20px 60px;position:relative;text-align:center}.hero h1{font-size:56px;font-weight:800;line-height:1.2;margin-bottom:20px}.highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--purple),var(--orange));-webkit-background-clip:text;background-clip:text}.hero-sub{color:#ffffffb3;font-size:18px;line-height:1.7;margin:0 auto 40px;max-width:600px}.hero-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.demo-popup{align-items:center;background:#fff;border-left:4px solid var(--orange);border-radius:12px;bottom:30px;box-shadow:0 10px 40px #0000004d;color:#1a1a2e;display:flex;gap:12px;left:30px;max-width:300px;padding:16px 20px;position:fixed;transition:all .5s ease;z-index:1000}.demo-popup.show{opacity:1;transform:translateY(0)}.demo-popup.hide{opacity:0;transform:translateY(20px)}.demo-popup-icon{align-items:center;background:var(--navy);border-radius:50%;display:flex;flex-shrink:0;font-size:32px;height:45px;justify-content:center;width:45px}.demo-popup-text{display:flex;flex-direction:column;gap:2px}.demo-popup-text strong{font-size:14px;font-weight:700}.demo-popup-text span{color:#374151;font-size:13px}.demo-popup-text small{color:#9ca3af;font-size:11px}.how-it-works{background:#7c3aed0d;padding:80px 20px;text-align:center}.how-it-works h2{font-size:40px;margin-bottom:50px}.steps{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin:0 auto;max-width:900px}.step{flex:1 1;max-width:260px;min-width:200px;text-align:center}.step-number{align-items:center;background:linear-gradient(135deg,var(--purple),var(--orange));border-radius:50%;display:flex;font-size:24px;font-weight:800;height:60px;justify-content:center;margin:0 auto 20px;width:60px}.step h3{font-size:20px;margin-bottom:10px}.step p{color:#ffffffb3;line-height:1.6}.pricing{padding:80px 20px;text-align:center}.pricing h2{font-size:40px;margin-bottom:30px}.billing-toggle{align-items:center;display:flex;font-size:16px;gap:16px;justify-content:center;margin-bottom:50px}.billing-toggle .active{color:var(--purple);font-weight:600}.toggle{background:var(--purple);border-radius:14px;cursor:pointer;height:28px;padding:3px;position:relative;width:52px}.toggle-thumb{background:#fff;border-radius:50%;height:22px;transition:transform .3s ease;width:22px}.toggle-thumb.right{transform:translateX(24px)}.pricing-cards{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin:0 auto;max-width:1100px}.pricing-card{background:#ffffff0d;border:1px solid #7c3aed33;border-radius:16px;flex:1 1;max-width:320px;min-width:280px;padding:40px 32px;position:relative;transition:all .3s ease}.pricing-card:hover{border-color:var(--purple);box-shadow:0 0 30px #7c3aed33;transform:translateY(-4px)}.pricing-card.popular{background:#7c3aed1a;border-color:var(--purple)}.popular-badge{background:var(--orange);border-radius:20px;color:#fff;font-size:13px;font-weight:700;left:50%;padding:4px 16px;position:absolute;top:-14px;transform:translateX(-50%);white-space:nowrap}.pricing-card h3{font-size:24px;margin-bottom:16px}.price{color:var(--white);font-size:42px;font-weight:800;margin-bottom:30px}.price span{color:#fff9;font-size:16px;font-weight:400}.pricing-card ul{list-style:none;margin-bottom:30px;text-align:left}.pricing-card ul li{border-bottom:1px solid #ffffff0d;color:#ffffffd9;font-size:15px;padding:8px 0}.testimonials{background:#7c3aed0d;padding:80px 20px;text-align:center}.testimonials h2{font-size:40px;margin-bottom:50px}.testimonial-cards{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin:0 auto;max-width:1000px}.testimonial-card{background:#ffffff0d;border:1px solid #7c3aed33;border-radius:16px;flex:1 1;max-width:300px;min-width:260px;padding:30px;text-align:left}.testimonial-card p{color:#ffffffd9;font-style:italic;line-height:1.7;margin-bottom:16px}.testimonial-card strong{display:block;font-size:15px}.testimonial-card small{color:#ffffff80;font-size:13px}.faq{margin:0 auto;max-width:700px;padding:80px 20px}.faq h2{font-size:40px;margin-bottom:40px;text-align:center}.faq-item{border-bottom:1px solid #ffffff1a;margin-bottom:8px}.faq-question{align-items:center;color:#ffffffe6;cursor:pointer;display:flex;font-size:16px;font-weight:500;justify-content:space-between;padding:20px 0}.faq-question:hover{color:var(--purple)}.faq-answer{color:#ffffffa6;font-size:15px;line-height:1.7;padding:0 0 20px}.footer{background:#0000004d;color:#fff9;padding:50px 20px;text-align:center}.footer-brand{color:#fff;font-family:Poppins,sans-serif;font-size:28px;font-weight:800;margin-bottom:8px}.footer-links{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin:20px 0}.footer-links a{color:#fff9;font-size:14px;transition:color .3s}.footer-links a:hover{color:#fff}.footer-copy{font-size:13px;margin-top:20px}.whatsapp-float{align-items:center;background:#25d366;border-radius:50%;bottom:30px;box-shadow:0 4px 20px #25d36666;display:flex;font-size:26px;height:56px;justify-content:center;position:fixed;right:30px;transition:transform .3s;width:56px;z-index:999}.whatsapp-float:hover{transform:scale(1.1)}@media (max-width:768px){.navbar{padding:16px 20px}.nav-links a{display:none}.hero h1{font-size:32px}.hero-sub{font-size:16px}.demo-popup{bottom:80px;left:10px;max-width:calc(100% - 20px);right:10px}.pricing-card{min-width:100%}}.auth-page{align-items:center;background:var(--navy);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#ffffff0d;border:1px solid #7c3aed4d;border-radius:20px;max-width:480px;padding:48px 40px;width:100%}.auth-brand{color:#fff;font-family:Poppins,sans-serif;font-weight:800;margin-bottom:24px}.auth-brand,.auth-card h2{font-size:28px;text-align:center}.auth-card h2{margin-bottom:8px}.auth-sub{color:#fff9;font-size:15px;margin-bottom:32px;text-align:center}.auth-error{background:#ef444426;border:1px solid #ef444466;border-radius:8px;color:#fca5a5;font-size:14px;margin-bottom:20px;padding:12px 16px}.auth-form{gap:20px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#fffc;font-size:14px;font-weight:500}.form-group input{background:#ffffff12;border:1px solid #ffffff26;border-radius:8px;color:#fff;font-size:15px;padding:12px 16px;transition:border-color .3s}.form-group input:focus{border-color:var(--purple);outline:none}.form-group input::placeholder{color:#ffffff4d}.auth-btn{font-size:16px;margin-top:8px;padding:14px;width:100%}.auth-btn:disabled{cursor:not-allowed;opacity:.6}.auth-switch{color:#fff9;font-size:15px;margin-top:24px;text-align:center}.auth-switch span{color:var(--purple);cursor:pointer;font-weight:600}.auth-switch span:hover{text-decoration:underline}.widget-settings{max-width:900px;padding:40px}.settings-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.settings-header h1{font-size:28px}.save-btn{background:var(--purple);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 28px;transition:all .3s}.save-btn:hover{background:#6d28d9}.save-btn.saved{background:#10b981}.preview-section{margin-bottom:30px}.preview-label{color:#fff6;font-size:12px;letter-spacing:2px;margin-bottom:12px}.preview-popup{align-items:center;box-shadow:0 8px 30px #0000004d;display:inline-flex;gap:12px;max-width:400px;min-width:300px;padding:16px 20px}.preview-avatar{align-items:center;background:#ffffff1a;border-radius:50%;display:flex;flex-shrink:0;font-size:28px;height:42px;justify-content:center;width:42px}.preview-text{display:flex;flex-direction:column;gap:3px}.preview-message{font-weight:600;line-height:1.4}.settings-tabs{border-bottom:1px solid #ffffff1a;display:flex;gap:4px;margin-bottom:30px}.tab-btn{background:#0000;border:none;border-bottom:2px solid #0000;color:#ffffff80;cursor:pointer;font-size:15px;margin-bottom:-1px;padding:12px 20px;transition:all .3s}.tab-btn:hover{color:#fff}.tab-btn.active{border-bottom-color:var(--purple);color:var(--purple)}.tab-content{gap:28px}.setting-group,.tab-content{display:flex;flex-direction:column}.setting-group{gap:10px}.setting-group label{color:#ffffffe6;font-size:15px;font-weight:600}.setting-group input[type=number],.setting-group input[type=text],.setting-group input[type=time],.setting-group select{background:#ffffff12;border:1px solid #ffffff26;border-radius:8px;color:#fff;font-size:15px;padding:12px 16px;width:100%}.setting-group input:focus,.setting-group select:focus{border-color:var(--purple);outline:none}.setting-group input[type=range]{accent-color:var(--purple);width:100%}.tag-input-row{display:flex;gap:10px}.tag-input-row input{flex:1 1}.add-btn{background:var(--purple);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px}.add-btn:hover{background:#6d28d9}.tags{flex-wrap:wrap}.tag,.tags{display:flex;gap:8px}.tag{align-items:center;background:#7c3aed33;border:1px solid #7c3aed66;border-radius:20px;color:#fff;font-size:13px;padding:6px 12px}.tag span{color:#ffffff80;cursor:pointer;font-size:14px}.tag span:hover{color:#ef4444}.position-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;max-width:400px}.position-option{background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;cursor:pointer;font-size:14px;padding:14px;text-align:center;transition:all .3s}.position-option.active,.position-option:hover{border-color:var(--purple)}.position-option.active{background:#7c3aed33;color:var(--purple);font-weight:600}.color-row{align-items:center;display:flex;gap:12px}.color-row input[type=color]{background:none;border:none;border-radius:8px;cursor:pointer;height:40px;padding:2px;width:50px}.color-row span{color:#ffffffb3;font-family:monospace;font-size:14px}.font-size-options{display:flex;gap:10px}.size-btn{background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 24px;transition:all .3s}.size-btn.active{background:#7c3aed33;border-color:var(--purple);color:var(--purple)}.toggle-switch{background:#ffffff26;border-radius:14px;cursor:pointer;height:28px;padding:3px;transition:background .3s;width:52px}.toggle-switch.on{background:var(--purple)}.toggle-knob{background:#fff;border-radius:50%;height:22px;transition:transform .3s;width:22px}.toggle-switch.on .toggle-knob{transform:translateX(24px)}.range-labels{color:#fff6;display:flex;font-size:12px;justify-content:space-between}.inline-inputs{display:flex;gap:20px}.form-group-inline{display:flex;flex:1 1;flex-direction:column;gap:6px}.form-group-inline label{color:#fff9;font-size:13px}.form-group-inline input{background:#ffffff12;border:1px solid #ffffff26;border-radius:8px;color:#fff;font-size:14px;padding:10px 12px}.embed-section{background:#ffffff08;border:1px solid #7c3aed33;border-radius:16px;padding:30px}.embed-section h3{font-size:20px;margin-bottom:8px}.embed-section p{color:#fff9;font-size:14px;margin-bottom:20px}.embed-code-box{align-items:center;background:#0006;border:1px solid #7c3aed4d;border-radius:10px;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px;padding:20px;word-break:break-all}.embed-code-box code{color:#a78bfa;flex:1 1;font-family:monospace;font-size:13px}.copy-btn{background:var(--purple);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 18px;white-space:nowrap}.copy-btn:hover{background:#6d28d9}.install-instructions{display:flex;flex-direction:column;gap:10px}.install-instructions details{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;padding:16px}.install-instructions summary{color:#ffffffd9;cursor:pointer;font-size:15px;font-weight:600}.install-instructions ol{display:flex;flex-direction:column;gap:8px;margin-top:14px;padding-left:20px}.install-instructions li{color:#ffffffa6;font-size:14px;line-height:1.5}.dashboard{background:var(--navy);display:flex;min-height:100vh}.dashboard-sidebar{background:#0000004d;border-right:1px solid #7c3aed33;display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding:30px 20px;position:fixed;width:250px}.sidebar-brand{color:#fff;font-family:Poppins,sans-serif;font-size:24px;font-weight:800;margin-bottom:40px;padding-left:12px}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:6px}.nav-item{border-radius:10px;color:#ffffffb3;cursor:pointer;display:block;font-size:15px;padding:12px 16px;transition:all .3s}.nav-item.active,.nav-item:hover{background:#7c3aed33;color:#fff}.logout-btn{background:#0000;border:1px solid #ffffff26;border-radius:10px;color:#fff9;font-size:15px;margin-top:20px;padding:12px 16px;text-align:left;transition:all .3s}.logout-btn:hover{border-color:#ef4444;color:#ef4444}.dashboard-main{flex:1 1;margin-left:250px;padding:40px}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.dashboard-header h1{font-size:28px}.plan-badge{background:var(--purple);border-radius:20px;color:#fff;font-size:13px;font-weight:700;padding:6px 16px}.trial-banner{background:linear-gradient(135deg,#7c3aed33,#ff6b3533);border:1px solid #7c3aed4d;border-radius:12px;font-size:15px;margin-bottom:32px;padding:16px 20px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:40px}.stat-card{background:#ffffff0d;border:1px solid #7c3aed33;border-radius:16px;padding:28px;text-align:center}.stat-number{color:var(--purple);font-family:Poppins,sans-serif;font-size:48px;font-weight:800}.stat-label{color:#fff9;font-size:14px;margin-top:8px}.quick-actions h2{font-size:24px;margin-bottom:20px}.action-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.action-card{background:#ffffff0d;border:1px solid #7c3aed33;border-radius:16px;cursor:pointer;padding:28px;transition:all .3s}.action-card:hover{border-color:var(--purple);box-shadow:0 8px 25px #7c3aed33;transform:translateY(-4px)}.action-icon{font-size:36px;margin-bottom:16px}.action-card h3{font-size:18px;margin-bottom:8px}.action-card p{color:#fff9;font-size:14px;line-height:1.6}@media (max-width:768px){.dashboard-sidebar{display:none}.dashboard-main{margin-left:0;padding:20px}.action-cards,.stats-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.d0b40719.css.map*/