@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--primary:#25d366;--primary-dark:#075e54;--primary-light:#dcf8c6;--background:#f8fafc;--surface:#fff;--surface-hover:#f1f5f9;--border:#e2e8f0;--text-main:#0f172a;--text-muted:#64748b;--success:#10b981;--warning:#f59e0b;--danger:#ef4444}*{box-sizing:border-box;margin:0;padding:0;font-family:Manrope,sans-serif}body{background-color:var(--background);color:var(--text-main);-webkit-font-smoothing:antialiased}.premium-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;transition:all .3s;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.premium-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #00000014}.btn-whatsapp{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:10px;padding:12px 24px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #25d36663}.btn-whatsapp:hover{background:#1ebe5d;transform:scale(1.02)}.badge{text-transform:uppercase;border-radius:8px;padding:6px 12px;font-size:.75rem;font-weight:700}.sidebar{border-right:1px solid var(--border);z-index:100;background:#fff;flex-direction:column;width:260px;height:100vh;padding:32px 16px;display:flex;position:fixed;top:0;left:0}.sidebar-logo{color:var(--primary-dark);letter-spacing:-.05em;align-items:center;gap:12px;margin-bottom:48px;padding:0 16px;font-size:1.4rem;font-weight:900;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:8px;display:flex}.nav-item{color:var(--text-muted);border-radius:14px;align-items:center;gap:14px;padding:14px 16px;font-size:.9375rem;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.nav-item:hover{background:var(--background);color:var(--primary-dark)}.nav-item.active{background:var(--primary-dark);color:#fff;box-shadow:0 4px 12px #075e5433}.nav-item svg{transition:transform .2s}.nav-item.active svg{transform:scale(1.1)}.sidebar-footer{border-top:1px solid var(--border);padding-top:24px}.logout-btn{width:100%;color:var(--danger);cursor:pointer;background:0 0;border:none;border-radius:14px;align-items:center;gap:14px;padding:14px 16px;font-weight:700;transition:all .2s;display:flex}.mobile-bottom-nav{display:none}@media (width<=1024px){.sidebar{display:none}.mobile-bottom-nav{border-top:1px solid var(--border);padding:8px 12px;padding-bottom:env(safe-area-inset-bottom,12px);z-index:1000;background:#fff;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000000d}.mobile-nav-item{color:var(--text-muted);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:60px;padding:8px 4px;font-size:.7rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.mobile-nav-item.active{color:var(--primary-dark)}.mobile-nav-item svg{margin-bottom:2px}}.dashboard-header{justify-content:space-between;align-items:flex-end;margin-bottom:40px;display:flex}.dashboard-header h1{color:var(--primary-dark);letter-spacing:-.04em;font-size:2.25rem;font-weight:800}.subtitle{color:var(--text-muted);margin-top:4px;font-weight:500}.tutorial-btn{color:var(--primary-dark);border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 4px #00000005}.tutorial-btn:hover{background:var(--bg-main);border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.stats-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px;display:grid}.stat-card-premium{border:1px solid var(--border);background:#fff;border-radius:20px;padding:32px;position:relative;overflow:hidden}.stat-card-premium:after{content:"";background:var(--primary);width:4px;height:100%;position:absolute;top:0;left:0}.stat-card-premium.pending:after{background:var(--warning)}.stat-card-premium.overdue:after{background:var(--danger)}.stat-label{color:var(--text-muted);margin-bottom:8px;font-size:.875rem;font-weight:600}.stat-main-value{color:var(--text-main);font-size:2rem;font-weight:800}.dashboard-main-grid{grid-template-columns:1.6fr 1fr;gap:32px;display:grid}.section-title{color:var(--primary-dark);align-items:center;gap:12px;margin-bottom:24px;font-size:1.25rem;font-weight:700;display:flex}.activity-list-premium{flex-direction:column;gap:12px;display:flex}.activity-row{background:#fcfcfd;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;transition:all .2s;display:flex}.activity-row:hover{border-color:var(--border);background:#fff;box-shadow:0 4px 12px #00000008}.bot-card-premium{background:linear-gradient(135deg, var(--primary-dark) 0%, #0a3d36 100%);color:#fff;border-radius:24px;padding:32px;position:relative}.bot-status-tag{color:var(--primary);border:1px solid var(--primary);background:#25d36633;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:700}.bot-metric-box{background:#ffffff0d;border-radius:16px;margin-top:24px;padding:20px}@media (width<=1024px){.dashboard-container{padding:24px 16px}.dashboard-header{flex-direction:column;align-items:flex-start;gap:16px}.dashboard-header h1{font-size:1.75rem}.stats-grid{grid-template-columns:1fr;gap:16px}.stat-card-premium{padding:24px}.dashboard-main-grid{grid-template-columns:1fr;gap:24px}}@media (width>=640px) and (width<=1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.stat-main-value{font-size:1.5rem}.activity-row{padding:12px}.dashboard-header p{font-size:.875rem}.hide-mobile{display:none}.tutorial-btn{padding:8px}}.onboarding-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0f172ad9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.onboarding-card{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:#1e293bb3;border:1px solid #ffffff1a;border-radius:32px;width:100%;max-width:500px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080,inset 0 1px 1px #ffffff0d}.onboarding-progress{background:linear-gradient(90deg, var(--primary), #60a5fa);height:6px;transition:width .5s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.onboarding-content{text-align:center;padding:48px 40px 32px}.onboarding-icon-wrapper{border-radius:28px;justify-content:center;align-items:center;width:96px;height:96px;margin:0 auto 28px;display:flex;position:relative;overflow:hidden}.onboarding-icon-wrapper:after{content:"";opacity:.15;background:currentColor;position:absolute;inset:0}.onboarding-title{color:#fff;margin-bottom:16px;font-size:24px;font-weight:700}.onboarding-description{color:#94a3b8;margin-bottom:32px;font-size:16px;line-height:1.6}.onboarding-footer{background:#0f172a80;justify-content:space-between;align-items:center;padding:24px 40px;display:flex}.onboarding-btn{cursor:pointer;border:none;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.onboarding-btn-skip{color:#64748b;background:0 0}.onboarding-btn-skip:hover{color:#94a3b8}.onboarding-btn-next{background:var(--primary);color:#fff;align-items:center;gap:8px;display:flex;box-shadow:0 4px 12px #3b82f64d}.onboarding-btn-next:hover{transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}.onboarding-dots{gap:8px;display:flex}.onboarding-dot{background:#334155;border-radius:50%;width:8px;height:8px;transition:all .3s}.onboarding-dot.active{background:var(--primary);border-radius:4px;width:20px}.clients-container{max-width:1400px;margin:0 auto;padding:48px}.table-wrapper{border:1px solid var(--border);background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.clients-table-premium{border-collapse:collapse;text-align:left;width:100%}.btn-whatsapp.btn-disabled{background:var(--text-muted);opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.clients-table-premium th{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;border-bottom:1px solid var(--border);background:#fcfcfd;padding:16px 24px;font-size:.75rem;font-weight:800}.clients-table-premium td{border-bottom:1px solid var(--border);color:var(--text-main);padding:20px 24px;font-size:.9375rem}.clients-table-premium tr:last-child td{border-bottom:none}.clients-table-premium tr:hover td{background:#f8fafc}.status-chip{border-radius:99px;padding:6px 12px;font-size:.75rem;font-weight:700}.actions-cell{justify-content:flex-end;gap:8px;display:flex}.action-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.btn-text-mobile{display:none}.status-complete{color:var(--whatsapp)}.status-undo{color:var(--text-muted)}.status-delete{color:#ff4d4f}.action-btn:hover{background:#f1f5f9}.status-chip.paid{color:#075e54;background:#dcf8c6}.status-chip.pending{color:#856404;background:#fff3cd}.status-chip.overdue{color:#991b1b;background:#fee2e2}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f172a66;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:24px;width:100%;max-width:500px;padding:32px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;box-shadow:0 25px 50px -12px #00000040}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-header h3{color:var(--text-main);align-items:center;font-size:1.25rem;font-weight:800;display:flex}.btn-close{background:var(--background);cursor:pointer;width:32px;height:32px;color:var(--text-muted);border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-close:hover{color:#991b1b;background:#fee2e2}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.clients-container{padding:16px 12px}.table-wrapper{box-shadow:none;background:0 0;border:none;border-radius:12px}.clients-table-premium{min-width:unset;display:block}.clients-table-premium thead{display:none}.clients-table-premium tbody{flex-direction:column;gap:12px;display:flex}.clients-table-premium tr{border:1px solid var(--border);background:#fff;border-radius:16px;grid-template-columns:1fr 1fr;padding:16px;display:grid;position:relative}.clients-table-premium td{border:none;flex-direction:column;padding:8px 0;font-size:.85rem;display:flex}.clients-table-premium td:first-child,.clients-table-premium td[data-label=Mensaje],.clients-table-premium td:last-child{border-bottom:1px solid var(--border);grid-column:span 2;margin-bottom:8px;padding-bottom:12px;font-size:1rem;font-weight:800}.clients-table-premium td:last-child{border-bottom:none;border-top:1px solid var(--border);flex-direction:row;gap:12px;margin-bottom:0;padding-top:16px;padding-bottom:0;display:flex}.clients-table-premium td[data-label=Mensaje]{color:var(--text-main);font-size:.9rem;font-weight:500}.action-btn{border:1px solid var(--border);background:#f1f5f9;border-radius:12px;flex:1;justify-content:center;align-items:center;height:48px;transition:all .2s;display:flex}.status-complete{color:#075e54!important;background:#dcf8c6!important;border-color:#c5e1a5!important}.status-undo{color:var(--text-muted)!important;background:#f1f5f9!important}.status-delete{color:#991b1b!important;background:#fee2e2!important;border-color:#fecaca!important}.btn-text-mobile{margin-left:8px;font-size:.9rem;font-weight:700;display:inline}.clients-table-premium td:before{content:attr(data-label);text-transform:uppercase;color:var(--text-muted);margin-bottom:4px;font-size:.7rem;font-weight:800}.hide-mobile{display:none!important}.text-truncate-mobile{-webkit-line-clamp:4;text-overflow:ellipsis;border-left:3px solid var(--primary);background:#f8fafc;border-radius:12px;-webkit-box-orient:vertical;padding:10px;line-height:1.5;display:-webkit-box;overflow:hidden}}.dashboard-container{max-width:1200px;margin:0 auto;padding:24px}.dashboard-header{margin-bottom:24px}.dashboard-header h1{color:var(--text-primary);margin:0 0 8px;font-size:1.8rem}.btn-primary{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-weight:600;transition:background-color .2s}.btn-primary:hover:not(:disabled){background-color:var(--primary-dark)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-secondary{color:var(--text-primary);border:1px solid var(--border);cursor:pointer;background-color:#fff;border-radius:8px;padding:8px 16px;font-weight:500;transition:all .2s}.btn-secondary:hover:not(:disabled){background-color:var(--bg-secondary)}.btn-outline-danger{color:#ef4444;cursor:pointer;background-color:#0000;border:1px solid #fca5a5;border-radius:8px;padding:8px 16px;font-weight:500;transition:all .2s}.btn-outline-danger:hover{background-color:#fee2e2;border-color:#ef4444}.form-group{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.input-premium{border:1px solid var(--border);background-color:var(--bg-card);color:var(--text-primary);border-radius:8px;padding:12px 16px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.input-premium:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .1);outline:none}.settings-container{max-width:1200px;margin:0 auto;padding:48px}.settings-grid{grid-template-columns:1.6fr 2.4fr;align-items:start;gap:32px;display:grid}.settings-left-column{flex-direction:column;gap:24px;display:flex}@media (width>=1025px){.settings-left-column{scrollbar-width:thin;padding-right:4px}}.settings-card{border:1px solid var(--border);background:#fff;border-radius:20px;flex-direction:column;gap:24px;padding:32px;display:flex}.settings-section-header{color:var(--primary-dark);align-items:center;gap:12px;margin-bottom:8px;font-size:1.125rem;font-weight:800;display:flex}.form-group{flex-direction:column;gap:10px;display:flex}.form-group label{color:var(--text-main);font-size:.875rem;font-weight:700}.input-premium{background:var(--background);border:1px solid var(--border);border-radius:12px;width:100%;padding:14px 18px;font-size:.9375rem;transition:all .2s}.input-premium:focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 0 4px #25d3661a}.textarea-premium{resize:vertical;min-height:120px}.hint-text{color:var(--text-muted);font-size:.75rem;line-height:1.5}.save-bar{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);z-index:1000;background:#fffc;border-top:1px solid #0000000d;justify-content:flex-end;align-items:center;gap:24px;padding:20px 48px;display:flex;position:fixed;bottom:0;left:260px;right:0;box-shadow:0 -10px 30px #00000008}.save-info{color:var(--text-muted);margin:0;font-size:.875rem;font-weight:500}.save-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:16px;justify-content:center;align-items:center;gap:12px;min-width:220px;padding:14px 32px;font-size:.9375rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 8px 20px #25d36640}.save-btn:hover{background:#1ebe5d;transform:translateY(-2px);box-shadow:0 12px 25px #25d36659}.save-btn:active{transform:translateY(0)}.save-btn:disabled{opacity:.7;cursor:not-allowed;box-shadow:none;background:var(--text-muted);transform:none}@media (width<=1024px){.settings-container{padding:24px 16px 140px}.settings-grid{grid-template-columns:1fr;gap:20px}.settings-card{padding:24px}.save-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;border-top:1px solid var(--border);background:#fffffff2;flex-direction:column;gap:12px;margin:0;padding:16px 20px;position:fixed;bottom:72px;left:0;right:0;box-shadow:0 -10px 30px #00000014}.save-bar .save-btn{width:100%}.save-info{text-align:center;font-size:.8rem}}:root{--whatsapp:#25d366;--whatsapp-dark:#128c7e}.whatsapp-connection-card{background:linear-gradient(135deg,#fff 0%,#f0fdf4 100%);border:1px solid #dcfce7!important}.whatsapp-status-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:350px;padding:30px;display:flex}.qr-container-web{flex-direction:column;align-items:center;gap:20px;display:flex}.qr-wrapper{border:4px solid var(--whatsapp);background:#fff;border-radius:24px;justify-content:center;align-items:center;padding:20px;display:flex;box-shadow:0 20px 40px #0000000d}.qr-instructions{max-width:280px}.qr-instructions p{color:var(--text-muted);margin-bottom:8px;font-size:.875rem}.status-success{animation:.5s ease-out scaleUp}.success-icon{background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:20px;display:flex}.qr-loading{color:var(--text-muted);flex-direction:column;align-items:center;gap:16px;display:flex}@keyframes scaleUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.btn-outline-danger{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #fee2e2;border-radius:12px;padding:8px 16px;font-size:.8125rem;font-weight:600;transition:all .2s}.btn-outline-danger:hover{background:#fef2f2;border-color:#fecaca}.whatsapp-preview{background:#e5ddd5 url(https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png);border:1px solid #d1d7db;border-radius:16px;margin-bottom:24px;padding:24px 16px}.whatsapp-bubble{background:#dcf8c6;border-radius:12px 12px 0;max-width:90%;margin-left:auto;padding:10px 14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:relative;box-shadow:0 1px 2px #00000026}.whatsapp-bubble:after{content:"";border:0 solid #0000;border-top:10px solid #dcf8c6;border-left-width:10px;width:0;height:0;position:absolute;top:0;right:-8px}.bubble-content{color:#111b21;white-space:pre-wrap;font-size:.85rem;line-height:1.45}.bubble-time{color:#667781;text-align:right;margin-top:4px;font-size:.65rem;font-weight:500}.timing-example{border:1px dashed var(--whatsapp);text-align:left;background:#f0fdf4;border-radius:16px;gap:16px;margin-top:24px;padding:20px;display:flex}.timing-icon{flex-shrink:0;margin-top:2px}.timing-text p{color:var(--text-main);margin:0 0 8px;font-size:.9rem}.timing-text ul{color:var(--text-muted);margin:0;padding-left:20px;font-size:.85rem}.timing-text li{margin-bottom:6px}.mp-connected-card{text-align:center;background:#f0fdf4;border:1px solid #dcfce7;border-radius:20px;flex-direction:column;align-items:center;gap:16px;padding:32px;display:flex}.mp-icon-badge{background:var(--primary);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 8px 16px #25d36633}.mp-connected-card h4{color:var(--primary-dark);margin:0;font-size:1.25rem;font-weight:800}.mp-connected-card p{color:var(--primary-dark);opacity:.8;margin:0;font-size:.9375rem}.mp-connect-box{background:var(--background);border:2px dashed var(--border);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:20px;padding:40px 32px;transition:all .3s;display:flex}.mp-connect-box:hover{border-color:var(--primary);background:#fff}.btn-mp-connect{color:#fff;background:#009ee3;border-radius:16px;align-items:center;gap:12px;padding:14px 32px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 8px 20px #009ee333}.btn-mp-connect:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 12px 25px #009ee34d}.btn-desvincular{color:#ef4444;cursor:pointer;background:#fff;border:1px solid #fee2e2;border-radius:12px;padding:10px 20px;font-size:.875rem;font-weight:600;transition:all .2s}.btn-desvincular:hover{background:#fef2f2;border-color:#fecaca}.store-container{background-color:#f8fafc;min-height:100vh;padding-bottom:80px;font-family:Inter,system-ui,-apple-system,sans-serif}.store-header{z-index:10;background-color:#fff;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #0000000d}.store-title{color:#1e293b;margin:0;font-size:1.25rem;font-weight:700}.store-products{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;max-width:1200px;margin:0 auto;padding:20px;display:grid}.product-card{background:#fff;border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}@media (width<=768px){.store-products{flex-direction:column;gap:16px;padding:16px;display:flex}.product-card{border:1px solid #00000008;border-radius:16px;flex-direction:row;width:100%;height:140px;box-shadow:0 4px 15px #0000000f}.product-image,.product-placeholder{width:130px;min-width:130px;height:100%}.product-info{flex-direction:column;flex:1;justify-content:space-between;padding:12px 14px;display:flex}.product-desc{-webkit-line-clamp:2;margin-bottom:6px;font-size:.75rem}.product-name{margin-bottom:2px;font-size:1rem}.product-footer{margin-top:auto}}.product-image{object-fit:cover;background-color:#f1f5f9;width:100%;height:160px}.product-placeholder{color:#94a3b8;background-color:#f1f5f9;justify-content:center;align-items:center;width:100%;height:160px;display:flex}.product-info{flex-direction:column;flex:1;padding:12px;display:flex}.product-name{color:#1e293b;margin:0 0 4px;font-size:.95rem;font-weight:600}.product-desc{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0 0 12px;font-size:.8rem;display:-webkit-box;overflow:hidden}.product-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.product-price{color:#0f172a;margin:0;font-weight:700}.btn-add{color:#fff;cursor:pointer;background-color:#10b981;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .1s;display:flex;box-shadow:0 2px 4px #10b98133}.btn-add:active{transform:scale(.95)}.btn-qty{cursor:pointer;color:#334155;background-color:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-weight:700;display:flex}.qty-control{align-items:center;gap:8px;display:flex}.qty-value{text-align:center;min-width:16px;font-size:.9rem;font-weight:600}.floating-cart{color:#fff;cursor:pointer;z-index:50;background-color:#1e293b;border:none;border-radius:30px;align-items:center;gap:12px;padding:14px 24px;font-weight:600;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #0003}.cart-badge{color:#fff;background-color:#ef4444;border-radius:10px;padding:2px 6px;font-size:.75rem;font-weight:700;position:absolute;top:-6px;left:-6px}.checkout-modal-overlay{z-index:100;background-color:#00000080;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.checkout-modal{background:#fff;border-radius:24px 24px 0 0;width:100%;max-width:600px;max-height:90vh;margin:0 auto;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto}.checkout-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.checkout-header h2{margin:0;font-size:1.25rem}.close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;padding:4px}.cart-item{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.cart-item-name{margin:0 0 4px;font-size:.95rem;font-weight:600}.cart-item-price{color:#64748b;margin:0;font-size:.85rem}.cart-total{color:#0f172a;border-top:2px dashed #e2e8f0;justify-content:space-between;margin-top:16px;padding:16px 0;font-size:1.1rem;font-weight:700;display:flex}.checkout-form{margin-top:24px}.form-group-checkout{margin-bottom:16px}.form-group-checkout label{color:#475569;margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.form-group-checkout input,.form-group-checkout select,.form-group-checkout textarea{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:12px;font-family:inherit;font-size:1rem}.btn-confirm{color:#fff;cursor:pointer;background-color:#10b981;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:24px;padding:14px;font-size:1rem;font-weight:700;display:flex}.btn-confirm:disabled{opacity:.7;cursor:not-allowed}.empty-state{text-align:center;color:#64748b;padding:40px 20px}.login-page{background:linear-gradient(135deg,#0a1628 0%,#0f2027 30%,#1a3a2a 70%,#0a1628 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.login-bg-effects{pointer-events:none;position:absolute;inset:0;overflow:hidden}.login-circle{filter:blur(80px);opacity:.3;border-radius:50%;position:absolute}.login-circle-1{background:#25d366;width:500px;height:500px;animation:8s ease-in-out infinite float-1;top:-150px;right:-100px}.login-circle-2{background:#128c7e;width:400px;height:400px;animation:10s ease-in-out infinite float-2;bottom:-100px;left:-100px}.login-circle-3{background:#00a884;width:250px;height:250px;animation:12s ease-in-out infinite float-3;top:50%;left:50%}@keyframes float-1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-30px,30px)scale(1.1)}}@keyframes float-2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(40px,-20px)scale(1.05)}}@keyframes float-3{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.15)}}.login-card{-webkit-backdrop-filter:blur(20px);z-index:2;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:420px;padding:48px 36px;position:relative;box-shadow:0 32px 64px #0006}.login-logo{text-align:center;margin-bottom:36px}.login-logo-icon{background:linear-gradient(135deg,#25d366,#128c7e);border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;padding:0;display:flex;overflow:hidden;box-shadow:0 8px 24px #25d3664d}.login-logo h1{color:#fff;letter-spacing:-.5px;margin:0;font-size:1.75rem;font-weight:800}.login-logo p{color:#ffffff80;margin-top:6px;font-size:.875rem}.login-tabs{background:#ffffff0f;border-radius:12px;gap:4px;margin-bottom:28px;padding:4px;display:flex}.login-tab{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:10px;font-size:.875rem;font-weight:600;transition:all .3s}.login-tab.active{color:#25d366;background:#25d36626}.login-tab:hover:not(.active){color:#ffffffb3}.login-field{margin-bottom:16px;position:relative}.login-field .field-icon{color:#ffffff59;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.login-field input{color:#fff;box-sizing:border-box;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:14px 14px 14px 44px;font-size:.9375rem;transition:all .3s}.login-field input::placeholder{color:#ffffff4d}.login-field input:focus{background:#25d3660f;border-color:#25d366;box-shadow:0 0 0 3px #25d3661a}.login-error{color:#ff6b6b;background:#e74c3c1f;border:1px solid #e74c3c40;border-radius:10px;margin-bottom:16px;padding:12px 16px;font-size:.8125rem;font-weight:500}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px;font-size:1rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 8px 24px #25d36640}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #25d36659}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-footer-text{text-align:center;color:#ffffff59;margin-top:20px;font-size:.75rem}.login-divider{align-items:center;gap:12px;margin:20px 0;display:flex}.login-divider:before,.login-divider:after{content:"";background:#ffffff1a;flex:1;height:1px}.login-divider span{color:#ffffff59;white-space:nowrap;font-size:.8125rem}.google-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:13px;font-size:.9375rem;font-weight:600;transition:all .3s;display:flex}.google-btn:hover:not(:disabled){background:#ffffff24;border-color:#ffffff40;transform:translateY(-1px)}.google-btn:disabled{opacity:.5;cursor:not-allowed}.animate-spin{animation:1s linear infinite spin}.landing{color:#e2e8f0;background:#030712;font-family:Inter,-apple-system,sans-serif;overflow-x:hidden}.section-container{max-width:1200px;margin:0 auto;padding:0 24px}.gradient-text{background:linear-gradient(135deg,#25d366,#00d4aa,#0ea5e9);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-header{text-align:center;margin-bottom:64px}.section-tag{color:#25d366;letter-spacing:.5px;background:#25d3661a;border:1px solid #25d36633;border-radius:100px;margin-bottom:16px;padding:6px 16px;font-size:.8125rem;font-weight:600;display:inline-block}.section-header h2{color:#fff;letter-spacing:-.5px;margin:0 0 16px;font-size:clamp(2rem,4vw,3rem);font-weight:800}.section-header p{color:#94a3b8;max-width:600px;margin:0 auto;font-size:1.125rem;line-height:1.7}.landing-nav{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#030712cc;border-bottom:1px solid #ffffff0f;position:fixed;top:0;left:0;right:0}.landing-nav-inner{justify-content:space-between;align-items:center;max-width:1200px;height:72px;margin:0 auto;padding:0 24px;display:flex}.landing-brand{color:#fff;align-items:center;gap:10px;font-size:1.25rem;font-weight:800;display:flex}.landing-nav-links{gap:32px;display:flex}.landing-nav-links a{color:#94a3b8;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s}.landing-nav-links a:hover{color:#fff}.landing-nav-actions{align-items:center;gap:12px;display:flex}.btn-ghost{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:8px 16px;font-size:.875rem;font-weight:600;transition:color .2s}.btn-ghost:hover{color:#fff}.btn-cta-small{color:#fff;cursor:pointer;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 20px;font-size:.875rem;font-weight:700;transition:all .3s;display:flex}.btn-cta-small:hover{transform:translateY(-1px);box-shadow:0 8px 20px #25d3664d}.hero{justify-content:center;align-items:center;gap:60px;max-width:1200px;min-height:100vh;margin:0 auto;padding:120px 24px 80px;display:flex;position:relative}.hero-bg-effects{pointer-events:none;z-index:0;position:fixed;inset:0}.hero-glow{filter:blur(120px);opacity:.15;border-radius:50%;position:absolute}.hero-glow-1{background:#25d366;width:600px;height:600px;animation:10s ease-in-out infinite glow-float;top:-200px;right:-100px}.hero-glow-2{background:#0ea5e9;width:400px;height:400px;animation:12s ease-in-out infinite reverse glow-float;bottom:-100px;left:-100px}@keyframes glow-float{0%,to{transform:translate(0)}50%{transform:translate(30px,-30px)}}.hero-grid-overlay{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0}.hero-content{z-index:1;flex:1;position:relative}.hero-badge{color:#25d366;background:#25d36614;border:1px solid #25d36633;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 18px;font-size:.8125rem;font-weight:600;display:inline-flex}.hero h1{color:#fff;letter-spacing:-1px;margin:0 0 24px;font-size:clamp(2.5rem,5vw,4rem);font-weight:900;line-height:1.1}.hero-subtitle{color:#94a3b8;max-width:520px;margin:0 0 36px;font-size:1.125rem;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:16px;display:flex}.btn-cta-hero{color:#fff;cursor:pointer;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:14px;align-items:center;gap:10px;padding:16px 32px;font-size:1.0625rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 8px 32px #25d36640}.btn-cta-hero:hover{transform:translateY(-3px);box-shadow:0 16px 48px #25d36659}.btn-outline-hero{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:14px;padding:16px 32px;font-size:1.0625rem;font-weight:600;transition:all .3s}.btn-outline-hero:hover{background:#ffffff0f;border-color:#ffffff4d}.hero-stats{border-top:1px solid #ffffff14;align-items:center;gap:32px;margin-top:48px;padding-top:32px;display:flex}.hero-stat strong{color:#fff;font-size:1.5rem;font-weight:800;display:block}.hero-stat span{color:#64748b;font-size:.8125rem}.hero-stat-divider{background:#ffffff1a;width:1px;height:40px}.hero-mockup{z-index:1;flex-shrink:0;position:relative}.phone-frame{background:#1e293b;border-radius:32px;width:300px;padding:12px;position:relative;box-shadow:0 40px 80px #00000080,0 0 0 1px #ffffff14}.phone-notch{background:#030712;border-radius:0 0 16px 16px;width:120px;height:24px;margin:0 auto 8px}.phone-screen{background:#0b141a;border-radius:20px;min-height:460px;overflow:hidden}.wa-header{background:#1f2c34;align-items:center;gap:12px;padding:12px 16px;display:flex}.wa-avatar{color:#fff;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.75rem;font-weight:800;display:flex}.wa-name{color:#fff;font-size:.875rem;font-weight:600}.wa-status{color:#25d366;font-size:.6875rem}.wa-messages{flex-direction:column;gap:8px;padding:16px 12px;display:flex}.wa-msg{border-radius:8px;max-width:88%;padding:8px 12px 4px;font-size:.8125rem;line-height:1.5;position:relative}.wa-msg p{margin:0 0 4px}.wa-msg-received{color:#e2e8f0;background:#1f2c34;border-top-left-radius:0;align-self:flex-start}.wa-msg-sent{color:#fff;background:#005c4b;border-top-right-radius:0;align-self:flex-end}.wa-time{text-align:right;color:#fff6;margin-top:4px;font-size:.625rem;display:block}.wa-link{word-break:break-all;color:#53bdeb!important}.features{padding:120px 0;position:relative}.features-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.feature-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:20px;padding:32px;transition:all .3s}.feature-card:hover{background:#ffffff0d;border-color:#25d36633;transform:translateY(-4px)}.feature-card-large{grid-column:span 2}.feature-icon-wrap{color:#25d366;background:#25d3661a;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:20px;display:flex}.feature-icon-wrap.blue{color:#0ea5e9;background:#0ea5e91a}.feature-icon-wrap.purple{color:#a855f7;background:#a855f71a}.feature-icon-wrap.orange{color:#f97316;background:#f973161a}.feature-icon-wrap.cyan{color:#06b6d4;background:#06b6d41a}.feature-icon-wrap.red{color:#ef4444;background:#ef44441a}.feature-icon-wrap.green{color:#22c55e;background:#22c55e1a}.feature-card h3{color:#fff;margin:0 0 8px;font-size:1.125rem;font-weight:700}.feature-card p{color:#94a3b8;margin:0;font-size:.9375rem;line-height:1.7}.feature-visual{margin-top:24px}.template-preview{background:#0000004d;border:1px solid #ffffff0f;border-radius:12px;padding:16px 20px}.template-preview code{color:#94a3b8;font-family:Inter,monospace;font-size:.875rem;line-height:1.8}.template-preview .var{color:#25d366;font-weight:700}.templates-showcase{padding:120px 0;position:relative}.templates-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;display:grid}.template-showcase-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:24px;flex-direction:column;gap:32px;padding:40px;transition:all .3s;display:flex}.template-showcase-card:hover{border-color:#25d36633;transform:translateY(-4px)}.template-showcase-info h3{color:#fff;margin:16px 0 12px;font-size:1.5rem;font-weight:800}.template-showcase-info p{color:#94a3b8;margin:0;font-size:1rem;line-height:1.6}.template-icon{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.template-icon.green{color:#25d366;background:#25d3661a}.template-icon.orange{color:#f97316;background:#f973161a}.phone-frame.mini{transform-origin:top;margin:0 auto;transform:scale(.9)}@media (width<=900px){.templates-grid{grid-template-columns:1fr}}.how-it-works{background:#ffffff03;padding:120px 0}.steps-grid{justify-content:center;align-items:center;gap:20px;display:flex}.step-card{text-align:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:24px;flex:1;max-width:320px;padding:40px 32px;position:relative}.step-number{background:linear-gradient(135deg,#25d36633,#25d3660d);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:3rem;font-weight:900}.step-icon{color:#25d366;background:#25d3661a;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.step-card h3{color:#fff;margin:0 0 12px;font-size:1.125rem;font-weight:700}.step-card p{color:#94a3b8;margin:0;font-size:.9375rem;line-height:1.7}.step-connector{color:#25d3664d;flex-shrink:0}.use-cases{padding:120px 0}.cases-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.case-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:20px;padding:32px;transition:all .3s}.case-card:hover{border-color:#25d36633;transform:translateY(-4px)}.case-emoji{margin-bottom:16px;font-size:2.5rem}.case-card h3{color:#fff;margin:0 0 8px;font-size:1.0625rem;font-weight:700}.case-card>p{color:#94a3b8;margin:0 0 16px;font-size:.875rem;line-height:1.7}.case-example{color:#25d366;align-items:center;gap:8px;font-size:.8125rem;font-weight:500;display:flex}.admin-preview{background:#ffffff03;padding:120px 0}.admin-features-list{grid-template-columns:repeat(2,1fr);gap:16px;max-width:900px;margin:0 auto;display:grid}.admin-feature-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;gap:16px;padding:24px;transition:all .3s;display:flex}.admin-feature-item:hover{background:#ffffff0d;border-color:#25d36626}.admin-feature-icon{color:#25d366;background:#25d3661a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.admin-feature-item h4{color:#fff;margin:0 0 4px;font-size:.9375rem;font-weight:700}.admin-feature-item p{color:#94a3b8;margin:0;font-size:.8125rem;line-height:1.6}.pricing{padding:120px 0}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:20px;display:grid}.pricing-card{text-align:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:24px;padding:40px 32px;transition:all .3s;position:relative}.pricing-card:hover{transform:translateY(-4px)}.pricing-popular{background:#25d3660d;border-color:#25d36640;box-shadow:0 0 60px #25d36614}.pricing-badge{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:100px;padding:6px 20px;font-size:.75rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-name{color:#94a3b8;margin-bottom:16px;font-size:1.125rem;font-weight:600}.pricing-price{margin-bottom:32px}.pricing-currency{color:#fff;vertical-align:top;font-size:1.5rem;font-weight:700}.pricing-amount{color:#fff;letter-spacing:-2px;font-size:3.5rem;font-weight:900}.pricing-period{color:#64748b;margin-left:4px;font-size:.875rem}.pricing-features{text-align:left;margin:0 0 32px;padding:0;list-style:none}.pricing-features li{color:#cbd5e1;border-bottom:1px solid #ffffff0a;align-items:center;gap:10px;padding:10px 0;font-size:.875rem;display:flex}.pricing-features li svg{color:#25d366;flex-shrink:0}.btn-pricing{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;width:100%;padding:14px;font-size:.9375rem;font-weight:700;transition:all .3s}.btn-pricing:hover{background:#ffffff1a}.btn-pricing-cta{color:#fff;cursor:pointer;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:12px;width:100%;padding:14px;font-size:.9375rem;font-weight:700;transition:all .3s;box-shadow:0 8px 24px #25d36633}.btn-pricing-cta:hover{transform:translateY(-2px);box-shadow:0 12px 32px #25d3664d}.final-cta{text-align:center;padding:120px 0;position:relative}.cta-glow{pointer-events:none;background:radial-gradient(circle,#25d36614 0%,#0000 70%);width:500px;height:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.final-cta h2{color:#fff;letter-spacing:-.5px;margin:0 0 20px;font-size:clamp(2rem,4vw,3rem);font-weight:900;position:relative}.final-cta p{color:#94a3b8;margin:0 0 36px;font-size:1.125rem;position:relative}.final-cta .btn-cta-hero{margin:0 auto;position:relative}.landing-footer{border-top:1px solid #ffffff0f;padding:32px 0}.footer-inner{justify-content:space-between;align-items:center;display:flex}.footer-brand{color:#fff;align-items:center;gap:10px;font-weight:700;display:flex}.footer-inner p{color:#64748b;margin:0;font-size:.8125rem}@media (width<=1024px){.hero{text-align:center;flex-direction:column;padding-top:100px;padding-bottom:40px}.hero-subtitle{margin:0 auto 36px}.hero-actions{justify-content:center}.hero-stats{justify-content:center;gap:16px}.features-grid{grid-template-columns:repeat(2,1fr)}.feature-card-large{grid-column:span 2}.cases-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.landing-nav-links{display:none}.landing-nav-inner{height:64px}}@media (width<=768px){.hero-mockup{display:none}.hero h1{font-size:2.5rem}.features-grid{grid-template-columns:1fr}.feature-card-large{grid-column:span 1}.steps-grid{flex-direction:column}.step-connector{display:none}.cases-grid,.admin-features-list{grid-template-columns:1fr}.footer-inner{text-align:center;flex-direction:column;gap:12px}.landing-nav-actions .btn-ghost{display:none}.btn-cta-small{padding:8px 16px;font-size:.8125rem}}@media (width<=480px){.hero h1{font-size:2rem}.hero-stats{flex-direction:column;gap:12px}.hero-stat-divider{display:none}}.seo-faq{background:#03071266;padding:120px 0}.faq-grid{grid-template-columns:repeat(2,1fr);gap:32px;max-width:1000px;margin:0 auto;display:grid}.faq-item{background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;padding:32px;transition:all .3s}.faq-item:hover{background:#ffffff0a;border-color:#25d36633;transform:translateY(-4px)}.faq-item h3{color:#fff;margin:0 0 16px;font-size:1.125rem;font-weight:700;line-height:1.4}.faq-item p{color:#94a3b8;margin:0;font-size:.9375rem;line-height:1.7}@media (width<=768px){.faq-grid{grid-template-columns:1fr}}.chatbot-container{z-index:9999;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:fixed;bottom:2rem;right:2rem}.chatbot-toggle-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#007bff 0%,#0056b3 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:0 4px 20px #007bff66}.chatbot-toggle-btn:hover{transform:scale(1.1)rotate(5deg);box-shadow:0 6px 24px #007bff80}.chatbot-toggle-btn:active{transform:scale(.95)}.chatbot-notification{color:#fff;background:#ff4757;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-2px;right:-2px}.chatbot-window{opacity:0;visibility:hidden;transform-origin:100% 100%;background:#fff;border-radius:20px;flex-direction:column;width:380px;height:550px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:absolute;bottom:80px;right:0;overflow:hidden;transform:translateY(20px)scale(.9);box-shadow:0 12px 40px #00000026}.chatbot-container.active .chatbot-window{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.chatbot-header{color:#fff;background:linear-gradient(135deg,#007bff 0%,#0056b3 100%);justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.chatbot-info{align-items:center;gap:.75rem;display:flex}.chatbot-avatar{background:#fff3;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.chatbot-info h3{margin:0;font-size:1rem;font-weight:600}.online-status{opacity:.8;align-items:center;gap:.25rem;font-size:.75rem;display:flex}.online-status:before{content:"";background:#2ed573;border-radius:50%;width:6px;height:6px}.close-btn{color:#fff;opacity:.7;cursor:pointer;background:0 0;border:none;transition:opacity .2s}.close-btn:hover{opacity:1}.chatbot-messages{background:#f8f9fa;flex-direction:column;flex:1;gap:1rem;padding:1.25rem;display:flex;overflow-y:auto}.message-wrapper{flex-direction:column;max-width:85%;display:flex}.message-wrapper.bot{align-self:flex-start}.message-wrapper.user{align-self:flex-end}.message-content{border-radius:15px;padding:.75rem 1rem;font-size:.9rem;line-height:1.5;position:relative}.bot .message-content{color:#333;background:#fff;border-bottom-left-radius:2px;box-shadow:0 2px 5px #0000000d}.user .message-content{color:#fff;background:#007bff;border-bottom-right-radius:2px}.message-time{color:#999;margin-top:.25rem;margin-left:.25rem;font-size:.7rem}.user .message-time{align-self:flex-end;margin-right:.25rem}.typing{gap:4px;display:flex;padding:12px 16px!important}.dot{opacity:.6;background:#007bff;border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite typing}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.chatbot-quick-actions{background:#f8f9fa;border-top:1px solid #eee;flex-wrap:wrap;gap:.5rem;padding:.75rem 1.25rem;display:flex}.quick-action-btn{color:#007bff;cursor:pointer;background:#fff;border:1px solid #007bff;border-radius:20px;padding:.5rem .75rem;font-size:.8rem;transition:all .2s}.quick-action-btn:hover{color:#fff;background:#007bff}.contact-wa-btn{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.75rem;padding:.6rem;font-size:.85rem;font-weight:600;transition:background .2s;display:flex}.contact-wa-btn:hover{background:#128c7e}.chatbot-footer{background:#fff;border-top:1px solid #eee;gap:.75rem;padding:1rem 1.25rem;display:flex}.chatbot-footer input{border:1px solid #eee;border-radius:10px;outline:none;flex:1;padding:.75rem 1rem;font-size:.9rem;transition:border-color .2s}.chatbot-footer input:focus{border-color:#007bff}.chatbot-footer button{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.chatbot-footer button:disabled{color:#ccc;cursor:not-allowed;background:#eee}.chatbot-footer button:not(:disabled):hover{background:#0056b3;transform:scale(1.05)}@media (width<=480px){.chatbot-window{width:calc(100vw - 2rem);height:calc(100vh - 100px);bottom:70px;right:-1rem}.chatbot-container{bottom:1rem;right:1rem}}.app-layout{background-color:var(--background);min-height:100vh;display:flex}.main-content{flex:1;min-height:100vh;margin-left:260px;transition:all .3s;position:relative}@media (width<=1024px){.main-content{margin-left:0;padding-top:64px;padding-bottom:80px}}.mobile-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:1000;background:#ffffffd9;justify-content:space-between;align-items:center;height:64px;padding:0 20px;display:none;position:fixed;top:0;left:0;right:0}.mobile-logo{color:var(--primary-dark);align-items:center;gap:10px;font-size:1.1rem;font-weight:800;display:flex}.logo-icon{object-fit:contain;width:42px;height:42px}.logo-icon-large{object-fit:contain;width:64px;height:64px}.hamburger-btn{background:var(--background);border:1px solid var(--border);width:40px;height:40px;color:var(--primary-dark);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.hamburger-btn:active{background:var(--border);transform:scale(.9)}.menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background:#0006;position:fixed;inset:0}.mobile-drawer{z-index:1200;background:#fff;flex-direction:column;width:280px;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-10px 0 30px #0000001a}.drawer-header{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#f0fdf4 0%,#fff 100%);align-items:center;gap:16px;padding:32px 24px;display:flex}.drawer-header h3{color:var(--primary-dark);margin:0;font-size:1.1rem;font-weight:800}.drawer-header p{color:var(--text-muted);margin:0;font-size:.75rem;font-weight:600}.drawer-links{flex-direction:column;flex:1;gap:8px;padding:24px 12px;display:flex}.drawer-link{color:var(--text-main);border-radius:12px;justify-content:space-between;align-items:center;padding:14px 16px;font-size:.9375rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.link-content{align-items:center;gap:12px;display:flex}.drawer-link .chevron{opacity:.3;transition:transform .2s}.drawer-link:hover{background:var(--background)}.drawer-link.active{color:var(--primary-dark);background:#25d36614}.drawer-link.active .chevron{opacity:1;color:var(--primary);transform:translate(4px)}.logout-btn{cursor:pointer;width:100%;color:var(--danger);background:0 0;border:none;margin-top:12px}.logout-btn:hover{background:#fff1f2}.drawer-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:24px;display:flex}.drawer-footer p{color:var(--text-muted);margin:0;font-size:.75rem;font-weight:500}.version-tag{background:var(--background);color:var(--text-muted);border-radius:100px;padding:2px 8px;font-size:.65rem;font-weight:700}@media (width<=1024px){.mobile-header{display:flex}}