@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-dark: #0a0e1a;--bg-card: #111827;--bg-card-hover: #1a2234;--bg-sidebar: #0d1320;--border: #1f2937;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--accent: #6366f1;--accent-hover: #818cf8;--accent-glow: rgba(99, 102, 241, .25);--danger: #ef4444;--success: #22c55e;--warning: #f59e0b;--radius: 12px;--radius-sm: 8px;--transition: .2s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,sans-serif;background:var(--bg-dark);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at top,#1a1f3a 0%,var(--bg-dark) 70%);padding:20px}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:40px;width:100%;max-width:420px;box-shadow:0 25px 50px #0006}.login-logo{text-align:center;margin-bottom:32px}.login-logo svg{color:var(--accent);margin-bottom:12px}.login-logo h1{font-size:1.8rem;font-weight:700;letter-spacing:-.5px}.login-logo p{color:var(--text-secondary);font-size:.9rem;margin-top:4px}.input-group{margin-bottom:16px}.input-group label{display:block;font-size:.85rem;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.input-group input,.input-group textarea,.input-group select{width:100%;padding:10px 14px;background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.95rem;font-family:inherit;outline:none;transition:border-color var(--transition)}.input-group input:focus,.input-group textarea:focus,.input-group select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.input-group textarea{resize:vertical}.password-wrap{position:relative}.password-wrap input{padding-right:40px}.eye-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer}.error-msg{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:10px;border-radius:var(--radius-sm);font-size:.85rem;margin-bottom:16px}.btn-primary{width:100%;padding:12px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background var(--transition),box-shadow var(--transition)}.btn-primary:hover{background:var(--accent-hover);box-shadow:0 0 20px var(--accent-glow)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{padding:10px 20px;background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.9rem;cursor:pointer;transition:all var(--transition)}.btn-secondary:hover{border-color:var(--text-muted);color:var(--text-primary)}.toggle-msg{text-align:center;margin-top:20px;color:var(--text-muted);font-size:.85rem}.link-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-weight:600;margin-left:4px}.link-btn:hover{text-decoration:underline}.dashboard-layout{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:24px 16px;position:fixed;top:0;left:0;height:100vh;z-index:50;transition:transform .3s ease}.sidebar-brand{display:flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:700;color:var(--accent);margin-bottom:4px}.ecommerce-card{border:1px solid var(--accent);background:linear-gradient(135deg,#6366f10d,#6366f100)}.toggle-switch{position:relative;display:inline-block;width:50px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border);transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--success)}input:focus+.slider{box-shadow:0 0 1px var(--success)}input:checked+.slider:before{transform:translate(22px)}.sidebar-company{color:var(--text-muted);font-size:.8rem;margin-bottom:32px;padding-left:2px}.sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1}.sidebar-nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;transition:all var(--transition)}.sidebar-nav a:hover{background:var(--bg-card);color:var(--text-primary)}.sidebar-nav a.active{background:var(--accent);color:#fff;box-shadow:0 4px 12px var(--accent-glow)}.sidebar-logout{display:flex;align-items:center;gap:10px;padding:10px 12px;color:var(--text-muted);background:none;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-size:.85rem;transition:all var(--transition)}.sidebar-logout:hover{border-color:var(--danger);color:var(--danger)}.dashboard-main{margin-left:240px;flex:1;padding:32px 40px;transition:margin-left .3s ease}.bottom-tab-bar,.bottom-sheet-overlay,.mobile-topbar{display:none}.topbar-brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.1rem;color:var(--accent)}.topbar-company{color:var(--text-muted);font-size:.8rem;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:768px){.sidebar{display:none!important}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--bg-sidebar);border-bottom:1px solid var(--border);position:fixed;top:0;left:0;right:0;z-index:40}.dashboard-main{margin-left:0;padding:70px 16px 80px;width:100%;min-height:100vh;overflow-x:hidden}.bottom-tab-bar{display:flex;justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--bg-sidebar);border-top:1px solid var(--border);padding:6px 0 calc(6px + env(safe-area-inset-bottom));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 8px;font-size:.7rem;color:var(--text-muted);text-decoration:none;background:none;border:none;cursor:pointer;border-radius:8px;transition:color .2s,background .2s;min-width:56px}.tab-item:hover{color:var(--text-primary)}.tab-item.active{color:var(--accent);background:#6366f11a}.tab-item.active svg{filter:drop-shadow(0 0 4px var(--accent-glow))}.more-tab{color:var(--text-muted)}.bottom-sheet-overlay{display:flex;position:fixed;inset:0;z-index:200;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);align-items:flex-end;justify-content:center;animation:sheetFadeIn .2s ease}@keyframes sheetFadeIn{0%{opacity:0}to{opacity:1}}.bottom-sheet{width:100%;max-width:500px;background:var(--bg-card);border-radius:20px 20px 0 0;padding:16px 20px calc(20px + env(safe-area-inset-bottom));animation:sheetSlideUp .3s ease}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle{width:40px;height:4px;background:#fff3;border-radius:4px;margin:0 auto 16px}.sheet-title{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:16px}.sheet-nav{display:flex;flex-direction:column;gap:4px}.sheet-link{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:12px;color:var(--text-secondary);text-decoration:none;font-size:1rem;font-weight:500;background:none;border:none;cursor:pointer;transition:background .2s,color .2s}.sheet-link:hover,.sheet-link.active{background:#ffffff0d;color:var(--text-primary)}.sheet-link.active{color:var(--accent);background:#6366f11a}.sheet-link.danger{color:var(--danger);margin-top:8px;border-top:1px solid var(--border);padding-top:16px;border-radius:0 0 12px 12px}.chat-dashboard{height:calc(100vh - 140px);margin:-16px;border-radius:0;border:none}.chat-sidebar{width:100%;border-right:none}.chat-main{width:100%}.mobile-hidden{display:none!important}.mobile-back-btn{display:flex;align-items:center}.steps-grid,.config-grid,.whatsapp-grid,.analytics-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.header-actions{width:100%;display:flex;gap:8px}.header-actions button{flex:1}h2,h3,h4,p,span,strong,td,th{word-break:break-word;overflow-wrap:break-word}.search-bar{width:100%}}.mobile-back-btn{display:none;margin-right:12px;color:var(--text-primary)}.dashboard-home h2{font-size:1.6rem;font-weight:700}.dashboard-home .subtitle{color:var(--text-secondary);margin-bottom:32px}.steps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.step-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px;transition:transform var(--transition),box-shadow var(--transition)}.step-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000004d}.step-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:16px}.step-card h3{font-size:1rem;font-weight:600;margin-bottom:8px}.step-card p{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-header h2{font-size:1.4rem;font-weight:700}.page-header .btn-primary{width:auto;padding:10px 20px}.page-loading{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--text-muted)}.config-page{max-width:100%;overflow-x:hidden}.config-grid{display:grid;gap:20px}.config-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;overflow:hidden}.config-card h3{font-size:1rem;font-weight:600;margin-bottom:4px}.config-card>p{color:var(--text-secondary);font-size:.85rem;margin-bottom:16px}.config-card select{max-width:100%}.config-card.full-width{grid-column:1 / -1}.modern-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.modern-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;overflow:hidden;transition:box-shadow .2s}.modern-card:hover{box-shadow:0 4px 16px #0003}.card-top{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.card-top h3{font-size:1rem;font-weight:600;margin-bottom:2px;color:var(--text-primary)}.card-top p{font-size:.85rem;color:var(--text-secondary);margin:0}.flex-between{display:flex;align-items:center;justify-content:space-between;gap:16px}.card-content{margin-top:8px}.icon-wrapper{width:44px;height:44px;min-width:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.bg-blue{background:linear-gradient(135deg,#6366f1,#818cf8)}.bg-purple{background:linear-gradient(135deg,#a855f7,#c084fc)}.bg-green{background:linear-gradient(135deg,#22c55e,#4ade80)}.bg-dark{background:linear-gradient(135deg,#334155,#475569)}.bg-red{background:linear-gradient(135deg,#ef4444,#f87171)}.bg-yellow{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.bg-orange{background:linear-gradient(135deg,#f97316,#fb923c)}.bg-cyan{background:linear-gradient(135deg,#06b6d4,#22d3ee)}.modern-select,.modern-input{width:100%;padding:10px 14px;background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.95rem;font-family:inherit;outline:none;transition:border-color var(--transition)}.modern-select:focus,.modern-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.modern-textarea{width:100%;padding:12px 14px;background:var(--bg-dark);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.95rem;font-family:inherit;outline:none;resize:vertical;transition:border-color var(--transition)}.modern-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.code-textarea{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.85rem;line-height:1.7}.box-glow{border:1px solid rgba(99,102,241,.15);border-radius:var(--radius);padding:4px}.badge{display:inline-block;font-size:.7rem;padding:2px 8px;border-radius:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.25);vertical-align:middle;margin-left:6px}.badge.warning{background:#f59e0b26;color:#fbbf24;border-color:#f59e0b40}.badge.success,.badge-green{background:#22c55e26;color:#4ade80;border-color:#22c55e40}.badge.danger{background:#ef444426;color:#ef4444;border-color:#ef444440}.badge.accent{background:#6366f126;color:#818cf8;border-color:#6366f140}.ecommerce-card-modern{border-color:var(--accent);background:linear-gradient(135deg,rgba(99,102,241,.03) 0%,transparent 100%)}.ecommerce-details{margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}.form-group{margin-bottom:16px}.store-url-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--bg-card);border:1px solid var(--accent);border-radius:var(--radius);padding:20px 24px;margin-bottom:24px;overflow:hidden}.store-url-banner-left{display:flex;align-items:center;gap:14px;min-width:0;flex:1}.store-banner-icon{color:var(--accent);flex-shrink:0}.store-url-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-weight:600;margin-bottom:4px}.store-url-link{color:var(--accent);font-weight:600;font-size:.9rem;word-break:break-all}.store-url-actions{display:flex;gap:8px;flex-shrink:0}.btn-icon{display:inline-flex;align-items:center;gap:6px}.store-url-pending{display:flex;align-items:center;gap:12px;background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius);padding:16px 20px;margin-bottom:24px;color:#fbbf24;font-size:.9rem}.pending-icon{font-size:1.4rem}.header-titles .subtitle{color:var(--text-secondary);font-size:.9rem;margin-top:4px}@media(max-width:768px){.modern-grid{grid-template-columns:1fr!important}.store-url-banner{flex-direction:column;align-items:flex-start;padding:16px}.store-url-actions{width:100%}.store-url-actions .btn-secondary{flex:1;justify-content:center}.flex-between{flex-direction:column;align-items:flex-start;gap:12px}.flex-between .toggle-switch{align-self:flex-end}.modern-card{padding:16px}.icon-wrapper{width:38px;height:38px;min-width:38px;border-radius:10px}.config-card select{max-width:100%}}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.products-hint{color:var(--text-secondary);font-size:.9rem;margin-bottom:20px}.products-hint strong{color:var(--accent)}.search-bar{display:flex;align-items:center;gap:10px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;margin-bottom:20px}.search-bar svg{color:var(--text-muted);flex-shrink:0}.search-bar input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:.95rem;outline:none}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-state svg{margin-bottom:16px;opacity:.4}.empty-state p{font-size:.95rem}.products-table-wrap{overflow-x:auto}.products-table{width:100%;border-collapse:collapse;background:var(--bg-card);border-radius:var(--radius);overflow:hidden}.products-table th{text-align:left;padding:12px 16px;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border)}.products-table td{padding:14px 16px;border-bottom:1px solid var(--border);vertical-align:top}.products-table tr:hover{background:var(--bg-card-hover)}.products-table td strong{display:block;margin-bottom:2px}.desc-preview{color:var(--text-muted);font-size:.8rem}.badge{background:#6366f126;color:var(--accent);padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.icon-btn{background:none;border:1px solid var(--border);color:var(--text-secondary);padding:6px 8px;border-radius:6px;cursor:pointer;margin-right:6px;transition:all var(--transition)}.icon-btn:hover{border-color:var(--accent);color:var(--accent)}.icon-btn.danger:hover{border-color:var(--danger);color:var(--danger)}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:520px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.modal-header h3{font-size:1.1rem;font-weight:600}.modal-body{padding:24px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--border)}.modal-footer .btn-primary{width:auto}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.whatsapp-grid{display:grid;gap:20px;max-width:600px}.whatsapp-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px}.status-indicator{display:flex;align-items:center;gap:12px;font-size:1rem;font-weight:600;margin-bottom:20px}.status-indicator.connected{color:var(--success)}.status-indicator.connecting{color:var(--warning)}.status-indicator.disconnected{color:var(--text-muted)}.connect-form{display:flex;flex-direction:column;gap:12px}.connect-form .btn-primary{width:auto;align-self:flex-start}.qr-card{text-align:center}.qr-card h3{margin:12px 0 4px}.qr-card>p{color:var(--text-secondary);font-size:.85rem;margin-bottom:20px}.qr-container{background:#fff;padding:16px;border-radius:var(--radius-sm);display:inline-block}.qr-container img{width:220px;height:220px}.success-card{text-align:center}.success-card svg{color:var(--success);margin-bottom:12px}.success-card h3{font-size:1.2rem;margin-bottom:8px}.success-card p{color:var(--text-secondary);font-size:.9rem}.instance-label{margin-top:12px}.instance-label code{background:var(--bg-dark);padding:4px 10px;border-radius:6px;font-size:.85rem;color:var(--accent)}.supabase-auth-container{color:var(--text-primary)}.supabase-auth-container button[type=submit]{font-weight:600!important;letter-spacing:.3px}.supabase-auth-container a{color:var(--accent)!important;font-weight:500}.supabase-auth-container a:hover{color:var(--accent-hover)!important}.onboarding-welcome{background:#6366f114;border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-sm);padding:14px 16px;margin-bottom:24px;font-size:.9rem;color:var(--text-secondary);line-height:1.5}.onboarding-welcome strong{color:var(--accent)}.chat-dashboard{display:flex;height:calc(100vh - 40px);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.chat-sidebar{width:350px;background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column}.sidebar-header{padding:20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.sidebar-header h2{font-size:1.2rem;font-weight:600}.empty-convs{padding:20px;text-align:center;color:var(--text-muted);font-size:.9rem}.conv-item{padding:16px 20px;border-bottom:1px solid var(--border);cursor:pointer;transition:var(--transition)}.conv-item:hover{background:var(--bg-card-hover)}.conv-item.active{background:var(--bg-card);border-left:3px solid var(--accent)}.conv-item-header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.95rem}.conv-number{font-weight:600;color:var(--text-primary)}.conv-time{font-size:.75rem;color:var(--text-muted)}.conv-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.bot-status-badge{font-size:.7rem;padding:2px 6px;border-radius:4px;font-weight:600;text-transform:uppercase}.bot-status-badge.ON{background:#22c55e33;color:var(--success)}.bot-status-badge.OFF{background:#ef444433;color:var(--danger)}.intent-badge{font-size:.7rem;padding:2px 6px;border-radius:4px;background:#6366f126;color:var(--accent);border:1px solid rgba(99,102,241,.3)}.chat-main{flex:1;display:flex;flex-direction:column;background:var(--bg-card)}.chat-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);text-align:center;padding:40px}.empty-icon-wrap{width:80px;height:80px;border-radius:50%;background:var(--bg-sidebar);display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--text-secondary)}.chat-header{padding:16px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--bg-sidebar)}.chat-header-info{display:flex;align-items:center;gap:16px}.avatar-icon{color:var(--text-muted)}.chat-header-info h3{font-size:1.1rem;margin:0}.chat-header-info .subtitle{font-size:.85rem;color:var(--text-muted);margin:0}.chat-header-actions{display:flex;align-items:center;gap:12px}.label-chip{display:flex;align-items:center;gap:4px;font-size:.75rem;padding:4px 8px;border-radius:12px;font-weight:500;border:1px solid}.btn-toggle{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:none;font-weight:600;font-size:.85rem;cursor:pointer;color:#fff;transition:.2s}.btn-toggle.btn-green{background:var(--success)}.btn-toggle.btn-green:hover{background:#16a34a}.btn-toggle.btn-red{background:var(--danger);opacity:.8}.btn-toggle.btn-red:hover{opacity:1}.chat-messages{flex:1;padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.message-bubble-wrapper{display:flex;gap:12px;max-width:80%}.message-sender-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--border);color:var(--text-secondary);flex-shrink:0}.message-bubble-wrapper.bot .message-sender-icon{background:var(--accent);color:#fff}.agent-avatar{font-weight:700;font-size:14px}.message-bubble-wrapper.agent .message-sender-icon{background:var(--warning);color:#fff}.message-bubble{padding:12px 16px;border-radius:16px;font-size:.95rem;line-height:1.5;box-shadow:0 4px 6px #0000001a}.message-bubble.user{background:var(--bg-sidebar);color:var(--text-primary);border:1px solid var(--border);border-top-left-radius:4px}.message-bubble.bot{background:var(--accent);color:#fff;border-top-right-radius:4px}.message-bubble.agent{background:var(--warning);color:#000;border-top-right-radius:4px}.message-time{font-size:.7rem;margin-top:6px;opacity:.7;text-align:right}.chat-input-area{padding:16px 24px;background:var(--bg-sidebar);border-top:1px solid var(--border);display:flex;gap:12px}.chat-input-area input{flex:1;padding:12px 16px;border-radius:20px;border:1px solid var(--border);background:var(--bg-dark);color:var(--text-primary);outline:none;font-size:.95rem}.chat-input-area .btn-send{background:var(--accent);color:#fff;border:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.chat-input-area .btn-send:hover:not(:disabled){background:var(--accent-hover)}.chat-input-area .btn-send:disabled{opacity:.5;cursor:not-allowed}.header-actions{display:flex;align-items:center;gap:12px}.import-modal{width:100%;max-width:700px;max-height:85vh;display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:16px;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border);flex-shrink:0}.modal-header h2{font-size:1.15rem;font-weight:700}.import-tabs{display:flex;border-bottom:1px solid var(--border);flex-shrink:0}.import-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:none;border:none;color:var(--text-muted);font-size:.9rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all var(--transition)}.import-tab.active{color:var(--accent);border-bottom-color:var(--accent);background:#6366f10d}.import-tab:hover:not(.active){color:var(--text-primary);background:var(--bg-card-hover)}.import-form-body{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.import-help{background:#6366f114;border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-sm);padding:12px 16px;font-size:.85rem;color:var(--text-secondary);line-height:1.5}.csv-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:2px dashed var(--border);border-radius:var(--radius);padding:40px 20px;cursor:pointer;color:var(--text-muted);transition:all var(--transition);text-align:center}.csv-upload-area:hover{border-color:var(--accent);background:#6366f10d;color:var(--text-primary)}.csv-filename{color:var(--success);font-weight:600}.import-preview{padding:20px 24px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.preview-summary{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:.9rem;color:var(--text-secondary)}.new-badge{color:var(--success);font-weight:600}.update-badge{color:var(--warning);font-weight:600}.preview-mapped{font-size:.82rem;color:var(--text-muted)}.preview-table-wrap{overflow-x:auto;border-radius:var(--radius-sm);border:1px solid var(--border)}.preview-more{font-size:.8rem;color:var(--text-muted);text-align:center}.preview-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:8px}.import-result{padding:48px 24px;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.import-result h3{font-size:1.3rem;font-weight:700}.result-stats{display:flex;gap:24px;flex-wrap:wrap;justify-content:center}.result-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-num{font-size:2.5rem;font-weight:800;color:var(--accent);line-height:1}.stat-label{font-size:.8rem;color:var(--text-muted)}.error-stat .stat-num{color:var(--danger)}.import-result .btn-primary{width:auto;padding:12px 32px}@media(max-width:768px){.import-modal{max-width:100%;max-height:100vh;border-radius:0}.preview-actions{flex-direction:column}}.metrics-dashboard{max-width:1200px}.metrics-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:12px}.metrics-refresh{display:flex;align-items:center;gap:10px}.last-updated{font-size:.78rem;color:var(--text-muted)}.metrics-section-title{font-size:1rem;font-weight:600;color:var(--text-secondary);margin:28px 0 14px;letter-spacing:.3px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:16px}.kpi-card{background:var(--bg-card);border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:var(--radius);padding:20px;display:flex;gap:16px;align-items:flex-start;transition:transform var(--transition),box-shadow var(--transition)}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.kpi-card.kpi-urgent{border-color:var(--danger);background:#ef44440a}.kpi-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:1.2rem;flex-shrink:0}.kpi-body{flex:1;min-width:0}.kpi-value{font-size:1.7rem;font-weight:800;line-height:1;margin-bottom:4px;color:var(--text-primary)}.kpi-label{font-size:.82rem;color:var(--text-secondary);font-weight:500}.kpi-sub{font-size:.75rem;color:var(--text-muted);margin-top:4px}.skeleton-card{min-height:92px;border-top-color:var(--border)!important;overflow:hidden;position:relative}.skeleton-shimmer{position:absolute;inset:0;background:linear-gradient(90deg,var(--bg-card) 0%,var(--bg-card-hover) 50%,var(--bg-card) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.metrics-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;margin-bottom:20px}.metrics-card h4{font-size:.9rem;font-weight:600;color:var(--text-secondary);margin-bottom:16px}.status-bar-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.status-bar-label{width:160px;font-size:.82rem;color:var(--text-secondary);flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-bar-track{flex:1;height:8px;background:var(--bg-card-hover);border-radius:4px;overflow:hidden}.status-bar-fill{height:100%;border-radius:4px;transition:width .6s ease;min-width:4px}.status-bar-count{width:36px;text-align:right;font-size:.82rem;font-weight:600;color:var(--text-primary);flex-shrink:0}@media(max-width:768px){.kpi-grid{grid-template-columns:1fr 1fr}.kpi-value{font-size:1.4rem}.status-bar-label{width:110px;font-size:.75rem}.metrics-header{flex-direction:column}}@media(max-width:480px){.kpi-grid{grid-template-columns:1fr}}.carts-panel{margin-top:8px}.carts-panel-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.carts-panel-header .metrics-section-title{margin:0}.carts-filter-tabs{display:flex;gap:6px}.filter-tab{padding:6px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all var(--transition)}.filter-tab.active,.filter-tab:hover{background:var(--accent);border-color:var(--accent);color:#fff}.carts-empty{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:32px;text-align:center;color:var(--text-muted);margin-top:12px}.carts-skeleton{height:120px;background:var(--bg-card);border-radius:var(--radius);position:relative;overflow:hidden;margin-top:12px}.carts-table-wrap{overflow-x:auto;margin-top:12px;border-radius:var(--radius)}.carts-table td,.carts-table th{vertical-align:middle}.cart-row:hover{background:var(--bg-card-hover)}.cart-row.cart-abandoned{background:#ef44440a}.cart-row.cart-abandoned:hover{background:#ef444414}.cart-detail-row td{background:#6366f10a;border-left:3px solid var(--accent)}.cart-items-detail{padding:12px 8px;display:flex;flex-direction:column;gap:10px}.cart-items-list{display:flex;flex-wrap:wrap;gap:8px}.cart-item-chip{display:flex;align-items:center;gap:6px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:6px 12px;font-size:.82rem}.item-name{color:var(--text-primary);font-weight:500}.item-qty{color:var(--text-muted);background:var(--bg-dark);padding:1px 6px;border-radius:4px}.item-price{color:var(--success);font-weight:600}.cart-customer-info{font-size:.82rem;color:var(--text-secondary);display:flex;gap:12px;flex-wrap:wrap}.cart-status-badge{padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap}.cart-status-badge.active{background:#f59e0b26;color:#f59e0b}.cart-status-badge.confirmed{background:#10b98126;color:#10b981}.cart-status-badge.abandoned{background:#ef444426;color:#ef4444}.wa-link{color:#25d366;text-decoration:none;font-weight:500;font-size:.85rem}.wa-link:hover{text-decoration:underline}.text-danger{color:var(--danger);font-size:.82rem}.text-muted{color:var(--text-muted);font-size:.82rem}.modern-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.08)}.header-titles h2{font-size:1.5rem;font-weight:700;margin:0 0 .25rem;color:#fff}.header-titles .subtitle{color:var(--text-muted);font-size:.9rem;margin:0}.modern-banner{background:linear-gradient(135deg,#6366f11a,#6366f105);border:1px solid rgba(99,102,241,.3);border-radius:12px;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.store-banner-icon{color:var(--accent);margin-right:12px}.btn-icon{display:inline-flex;align-items:center;gap:6px;padding:8px 16px}.modern-pending{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:12px;margin-bottom:24px;color:#ffffffd9}.modern-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px}.modern-card{background:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:0 8px 24px #00000026;transition:transform .2s ease,box-shadow .2s ease}.modern-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #00000040;border-color:#ffffff1a}.card-top{display:flex;align-items:flex-start;gap:16px}.card-top h3{font-size:1.1rem;margin:0 0 4px;color:#fff;display:flex;align-items:center;gap:8px}.card-top h3 span{font-size:.75rem;padding:2px 8px;background:#ffffff1a;border-radius:20px;color:#aaa}.card-top p{font-size:.85rem;color:var(--text-muted);margin:0;line-height:1.4}.icon-wrapper{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bg-blue{background:#3b82f626;color:#60a5fa}.bg-purple{background:#a855f726;color:#c084fc}.bg-green{background:#22c55e26;color:#4ade80}.bg-dark{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1)}.card-content{margin-top:auto}.modern-select{width:100%;padding:12px 14px;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.95rem;outline:none;transition:border-color .2s,box-shadow .2s;appearance:none;cursor:pointer}.modern-select:focus{border-color:var(--accent);box-shadow:0 0 0 2px #6366f140}.modern-textarea{width:100%;padding:14px;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:.95rem;line-height:1.5;outline:none;resize:vertical;transition:all .2s}.modern-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #6366f140;background:#0000004d}.code-textarea{font-family:Fira Code,Courier New,monospace;font-size:.85rem;background:#0f172a}.modern-input{width:100%;padding:12px 14px;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.95rem;outline:none;transition:all .2s}.modern-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #6366f140}.box-glow{position:relative}.box-glow:after{content:"";position:absolute;inset:-1px;border-radius:11px;background:linear-gradient(135deg,rgba(99,102,241,.5),transparent);z-index:-1;opacity:0;transition:opacity .3s ease}.modern-textarea:focus+.box-glow:after{opacity:1}.flex-between{display:flex;justify-content:space-between;align-items:center;width:100%}.flex-start{display:flex;align-items:flex-start;gap:16px}.badge-green{background:#22c55e33!important;color:#4ade80!important;border:1px solid rgba(34,197,94,.4)}.ecommerce-details{background:#00000026;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:20px;margin-top:8px}.form-group label{display:block;font-weight:600;margin-bottom:6px;color:#fff}.help-text{font-size:.85rem;color:var(--text-muted);margin-bottom:12px}.animate-fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.modern-header,.modern-banner{flex-direction:column;align-items:flex-start;gap:16px}}.orders-page.modern-page{display:flex;flex-direction:column;gap:1rem}.kpi-card{padding:24px}.kpi-label{font-size:.9rem;color:var(--text-muted);margin-bottom:8px}.kpi-value{font-size:2rem;font-weight:700;margin:0}.kpi-value.revenue{color:#fff}.kpi-value.warning{color:#facc15}.kpi-value.success{color:#4ade80}.modern-toolbar{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;margin-bottom:24px}.modern-tabs{display:flex;gap:8px;background:#0003;padding:6px;border-radius:12px;border:1px solid rgba(255,255,255,.05);overflow-x:auto}.modern-tabs button{background:transparent;border:none;color:var(--text-muted);padding:8px 16px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;white-space:nowrap}.modern-tabs button:hover{background:#ffffff0d;color:#fff}.modern-tabs button.active{background:#ffffff1a;color:#fff;box-shadow:0 2px 8px #0003}.modern-tabs button.active.warning{background:rgba(24acc15,.15);color:#facc15;border:1px solid rgba(250,204,21,.3)}.modern-tabs button.active.success{background:#4ade8026;color:#4ade80;border:1px solid rgba(74,222,128,.3)}.modern-tabs button.active.accent{background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.3)}.modern-tabs button.active.danger{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.modern-tabs .count{background:#ffffff1a;padding:2px 6px;border-radius:12px;font-size:.75rem;color:#fff}.modern-search{flex:1;min-width:250px;max-width:350px;position:relative}.modern-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#64748b}.modern-search input{padding-left:40px!important}.modern-table-container{background:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000001a}.modern-table{width:100%;border-collapse:collapse}.modern-table th{background:#0003;padding:16px;text-align:left;font-size:.85rem;text-transform:uppercase;color:#94a3b8;font-weight:600;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.05)}.modern-table td{padding:16px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}.modern-table .table-row:hover{background:#ffffff05}.modern-table .order-id{background:#6366f11a;color:#818cf8;padding:4px 8px;border-radius:6px;font-weight:600;font-size:.85rem}.date-cell{color:#94a3b8;font-size:.9rem}.customer-info strong{display:block;color:#fff;font-size:.95rem;margin-bottom:2px}.customer-info .phone{color:#64748b;font-size:.85rem}.channel-badge{font-size:.75rem;padding:4px 8px;border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.channel-badge.tienda_online{background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.2)}.channel-badge.whatsapp{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.2)}.amount-cell{font-weight:700;font-size:1.05rem;color:#f1f5f9}.modern-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600}.modern-badge.badge-neutral{background:#94a3b826;color:#cbd5e1;border:1px solid rgba(148,163,184,.3)}.modern-badge.badge-warning{background:#facc1526;color:#fde047;border:1px solid rgba(250,204,21,.3)}.modern-badge.badge-success{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.modern-badge.badge-accent{background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.3)}.modern-badge.badge-danger{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.flex-center{display:inline-flex;align-items:center;justify-content:center}.modern-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009}.xl-modal{max-width:900px!important;width:95%}.date-subtitle{color:#94a3b8;font-size:.9rem;display:block;margin-top:4px}.modern-modal-body{padding:0;background:#0f172a}.modal-columns{display:grid;grid-template-columns:1fr 1.2fr;gap:1px;background:#ffffff0d}@media(max-width:768px){.modal-columns{grid-template-columns:1fr}}.column-left,.column-right{background:var(--bg-card);padding:24px;display:flex;flex-direction:column;gap:24px}.glass-block{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:20px}.block-title{color:#fff;font-size:1.1rem;margin:0 0 16px;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:12px}.data-grid{display:flex;flex-direction:column;gap:12px}.data-item{display:flex;justify-content:space-between;align-items:center;font-size:.95rem;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.02)}.data-item span{color:#94a3b8}.data-item strong{color:#f1f5f9;text-align:right;max-width:60%;word-break:break-word}.whatsapp-btn-micro{background:#22c55e;color:#fff!important;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:700;text-decoration:none;display:inline-flex;transition:opacity .2s}.whatsapp-btn-micro:hover{opacity:.8}.status-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.status-btn{padding:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#cbd5e1;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.9rem;font-weight:500;transition:all .2s}.status-btn:not(:disabled):hover{background:#ffffff1a;color:#fff}.status-btn.active{box-shadow:0 0 10px #0003}.status-btn.active.warning{background:#facc1533;color:#fde047;border-color:#facc1566}.status-btn.active.success{background:#22c55e33;color:#4ade80;border-color:#22c55e66}.status-btn.active.accent{background:#6366f133;color:#818cf8;border-color:#6366f166}.status-btn.active.danger{background:#ef444433;color:#ef4444;border-color:#ef444466}.status-btn:disabled{opacity:.5;cursor:not-allowed}.products-block{height:100%;display:flex;flex-direction:column}.items-list{flex:1;overflow-y:auto;max-height:400px;display:flex;flex-direction:column;gap:12px;padding-right:8px}.items-list::-webkit-scrollbar{width:6px}.items-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:6px}.order-item{display:flex;align-items:center;gap:16px;background:#0003;padding:12px;border-radius:10px;border:1px solid rgba(255,255,255,.03)}.item-img,.item-img-placeholder{width:48px;height:48px;border-radius:8px;object-fit:cover}.item-img-placeholder{background:#ffffff0d;display:flex;align-items:center;justify-content:center}.item-details{flex:1}.item-name{color:#fff;font-weight:600;margin:0 0 4px;font-size:.95rem}.item-meta{color:#94a3b8;font-size:.85rem;margin:0}.item-subtotal{font-weight:700;color:#fff;font-size:1rem}.order-total-row{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:20px;border-top:1px dashed rgba(255,255,255,.15)}.order-total-row h3{color:#94a3b8;font-size:1.1rem;margin:0}.total-highlight{color:#4ade80;font-size:2rem;margin:0;text-shadow:0 0 10px rgba(74,222,128,.3)}.modern-tabs::-webkit-scrollbar{display:none}.modern-tabs{-ms-overflow-style:none;scrollbar-width:none;max-width:100vw}@media(max-width:768px){.modal-columns{display:flex;flex-direction:column;gap:12px}.column-left,.column-right,.glass-block{padding:16px}.modal-overlay{padding:10px;align-items:flex-end}.modal-content,.xl-modal{width:100%;max-height:85vh;border-radius:20px 20px 0 0;margin:0;padding-bottom:env(safe-area-inset-bottom)}.modern-table,.products-table{display:block;width:100%}.modern-table thead,.products-table thead{display:none}.modern-table tbody,.products-table tbody{display:flex;flex-direction:column;gap:16px;padding:16px;background:transparent}.modern-table tr,.products-table tr{display:flex;flex-direction:column;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px;box-shadow:0 4px 12px #0000001a}.modern-table td,.products-table td{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px dashed rgba(255,255,255,.05)}.modern-table td:last-child,.products-table td:last-child{border-bottom:none;padding-bottom:0;margin-top:8px;justify-content:flex-end;gap:8px}.products-table td:nth-child(1){display:flex}.products-table td:nth-child(2){justify-content:flex-start}.products-table td:nth-child(3){display:block;border-bottom:none}.products-table td:nth-child(3) strong{font-size:1.1rem}.products-table td:nth-child(3) .desc-preview{display:none}.products-table td:nth-child(4){justify-content:flex-start}.products-table td:nth-child(5):before{content:"Precio: ";color:var(--text-muted);font-size:.85rem}.products-table td:nth-child(6):before{content:"Stock: ";color:var(--text-muted);font-size:.85rem}.modern-table td:nth-child(1){justify-content:flex-start;border-bottom:none}.modern-table td:nth-child(2){display:block;text-align:left;padding-top:0}.modern-table td:nth-child(3){display:block;background:#0003;padding:12px;border-radius:8px;margin:8px 0;border:none}.modern-table td:nth-child(4){justify-content:flex-start;border-bottom:none}.modern-table td:nth-child(5):before{content:"Total: ";color:var(--text-muted);font-size:.85rem}.modern-table td:nth-child(6){justify-content:flex-start;border-bottom:none}.modern-table td:nth-child(7){display:flex;width:100%}.modern-table td:nth-child(7) button{width:100%;padding:12px}.modern-table-container,.products-table-wrap{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}.page-header h2{font-size:1.3rem}.header-actions{flex-wrap:wrap}.modern-toolbar{flex-direction:column;align-items:stretch}.modern-search{max-width:100%}.kpi-card{padding:16px}.status-actions{grid-template-columns:1fr}}.chat-dashboard{display:flex;height:calc(100vh - 96px);background:var(--bg-dark);border:1px solid var(--border);border-radius:16px;overflow:hidden}.chat-sidebar{width:340px;min-width:340px;background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border)}.sidebar-header h2{font-size:1.2rem;font-weight:700}.conv-list{flex:1;overflow-y:auto}.conv-list::-webkit-scrollbar{width:4px}.conv-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.empty-convs{padding:40px 20px;text-align:center;color:var(--text-muted)}.conv-item{padding:14px 20px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.03);transition:background .15s}.conv-item:hover{background:#ffffff08}.conv-item.active{background:#6366f11a;border-left:3px solid var(--accent)}.conv-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.conv-number{font-weight:600;font-size:.95rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}.conv-time{font-size:.75rem;color:var(--text-muted);flex-shrink:0}.conv-meta{display:flex;gap:6px;flex-wrap:wrap}.bot-status-badge{font-size:.7rem;padding:2px 6px;border-radius:4px;font-weight:600}.bot-status-badge.ON{background:#22c55e26;color:#4ade80}.bot-status-badge.OFF{background:#ef444426;color:#ef4444}.intent-badge{font-size:.7rem;padding:2px 6px;border-radius:4px;background:#6366f126;color:#818cf8}.chat-main{flex:1;display:flex;flex-direction:column;min-width:0}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--bg-card);border-bottom:1px solid var(--border);gap:12px;flex-wrap:wrap}.chat-header-info{display:flex;align-items:center;gap:12px;min-width:0}.chat-header-info h3{font-size:1.05rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header-info .subtitle{font-size:.8rem;color:var(--text-muted);margin:0}.avatar-icon{color:var(--text-muted);flex-shrink:0}.chat-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.label-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;font-size:.7rem;font-weight:600;background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.25)}.btn-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:.8rem;font-weight:600;border:none;cursor:pointer;transition:all .2s}.btn-green{background:#22c55e26;color:#4ade80}.btn-green:hover{background:#22c55e40}.btn-red{background:#ef444426;color:#ef4444}.btn-red:hover{background:#ef444440}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:4px;background:linear-gradient(180deg,#0a0e1a,#0d1220)}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.message-bubble-wrapper{display:flex;align-items:flex-end;gap:8px;max-width:75%;margin-bottom:2px}.message-bubble-wrapper.user{align-self:flex-start}.message-bubble-wrapper.bot,.message-bubble-wrapper.agent{align-self:flex-end;flex-direction:row-reverse}.message-sender-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#ffffff0d;color:var(--text-muted);font-size:.7rem}.agent-avatar{width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem}.message-bubble{padding:10px 14px;border-radius:16px;font-size:.92rem;line-height:1.5;word-break:break-word;position:relative}.message-bubble.user{background:#1e293b;color:var(--text-primary);border-bottom-left-radius:4px}.message-bubble.bot{background:#6366f126;color:var(--text-primary);border-bottom-right-radius:4px}.message-bubble.agent{background:#22c55e26;color:var(--text-primary);border-bottom-right-radius:4px}.message-content{white-space:pre-wrap}.message-image{max-width:260px;max-height:300px;border-radius:12px;object-fit:cover;cursor:pointer;margin-bottom:4px;border:1px solid rgba(255,255,255,.08)}.message-image:hover{opacity:.9}.image-viewer-overlay{position:fixed;inset:0;z-index:9999;background:#000000eb;display:flex;align-items:center;justify-content:center;padding:20px;cursor:pointer}.image-viewer-overlay img{max-width:95%;max-height:90vh;object-fit:contain;border-radius:8px}.message-time{font-size:.65rem;color:#ffffff59;margin-top:4px;text-align:right}.chat-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:var(--text-muted);text-align:center;padding:40px}.empty-icon-wrap{width:80px;height:80px;border-radius:50%;background:#6366f11a;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--accent)}.chat-empty-state h3{font-size:1.2rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.chat-empty-state p{max-width:320px;font-size:.9rem}.chat-input-area{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bg-card);border-top:1px solid var(--border)}.chat-input-area input{flex:1;padding:12px 16px;background:var(--bg-dark);border:1px solid var(--border);border-radius:24px;color:var(--text-primary);font-size:.95rem;outline:none;font-family:inherit;transition:border-color .2s}.chat-input-area input:focus{border-color:var(--accent)}.chat-input-area input::placeholder{color:var(--text-muted)}.btn-send{width:44px;height:44px;border-radius:50%;background:var(--accent);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,transform .15s;flex-shrink:0}.btn-send:hover:not(:disabled){background:var(--accent-hover);transform:scale(1.05)}.btn-send:disabled{opacity:.4;cursor:not-allowed}.btn-img-upload{width:40px;height:40px;border-radius:50%;background:#ffffff0d;color:var(--text-muted);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,color .2s;flex-shrink:0}.btn-img-upload:hover{background:#ffffff1a;color:var(--text-primary)}.img-preview-bar{display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--bg-card);border-top:1px solid var(--border)}.img-preview-thumb{width:60px;height:60px;border-radius:8px;object-fit:cover;border:2px solid var(--accent)}.img-preview-remove{background:#ef444426;color:#ef4444;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem}@media(max-width:768px){.chat-dashboard{height:calc(100vh - 140px);border-radius:0;border:none;margin:-16px;width:calc(100% + 32px)}.chat-sidebar{width:100%;min-width:100%}.chat-main{width:100%}.mobile-hidden{display:none!important}.mobile-back-btn{display:flex!important}.chat-header{padding:10px 12px}.chat-header-actions{display:none}.chat-header-info h3{font-size:.95rem}.chat-messages{padding:12px}.message-bubble-wrapper{max-width:85%}.message-sender-icon{display:none}.message-bubble{font-size:.9rem}.message-image{max-width:200px}.chat-input-area{padding:8px 10px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}.chat-input-area input{padding:10px 14px;font-size:.9rem}.btn-send{width:40px;height:40px}.btn-img-upload{width:36px;height:36px}}.sched-tabs{display:flex;gap:4px;background:#ffffff0d;border-radius:12px;padding:4px;margin-bottom:24px;width:fit-content}.sched-tab{padding:10px 24px;border:none;background:transparent;color:#94a3b8;border-radius:10px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .2s}.sched-tab.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 2px 12px #6366f14d}.sched-tab:hover:not(.active){background:#ffffff14;color:#e2e8f0}.sched-section{animation:fadeIn .3s ease}.sched-form-row{display:flex;gap:12px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.sched-small-input{width:100px!important;min-width:80px}.sched-services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.sched-service-card{display:flex;align-items:center;justify-content:space-between;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;transition:all .2s}.sched-service-card:hover{border-color:#6366f14d;background:#6366f10d}.sched-service-info h4{margin:0 0 4px;color:#e2e8f0;font-size:.95rem}.sched-service-meta{display:flex;gap:16px;color:#94a3b8;font-size:.8rem}.sched-service-meta span{display:flex;align-items:center;gap:4px}.btn-icon-danger{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444;border-radius:8px;padding:8px;cursor:pointer;transition:all .2s}.btn-icon-danger:hover{background:#ef444433}.sched-avail-grid{display:flex;flex-direction:column;gap:8px}.sched-day-row{display:flex;align-items:center;gap:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px 16px;transition:all .2s}.sched-day-row.disabled{opacity:.45}.sched-day-toggle{display:flex;align-items:center;gap:8px;min-width:120px;cursor:pointer}.sched-day-toggle input{accent-color:#6366f1;width:18px;height:18px}.sched-day-name{font-weight:600;color:#e2e8f0;font-size:.9rem}.sched-day-times{display:flex;gap:12px;flex-wrap:wrap;flex:1}.sched-time-group{display:flex;flex-direction:column;gap:4px}.sched-time-group label{font-size:.7rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.sched-time-group input,.sched-time-group select{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#e2e8f0;border-radius:8px;padding:6px 10px;font-size:.85rem;outline:none}.sched-time-group input:focus,.sched-time-group select:focus{border-color:#6366f1}.sched-save-btn{margin-top:20px}.sched-appt-list{display:flex;flex-direction:column;gap:10px}.sched-appt-card{display:flex;align-items:center;justify-content:space-between;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px;gap:16px;flex-wrap:wrap}.sched-appt-service{font-weight:700;color:#e2e8f0;font-size:.95rem}.sched-appt-details{display:flex;gap:12px;color:#94a3b8;font-size:.85rem}.sched-appt-customer{display:flex;gap:8px;color:#64748b;font-size:.8rem}.sched-appt-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sched-status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.sched-appt-btns{display:flex;gap:6px}.btn-sm{padding:4px 10px;border:none;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-sm.btn-green{background:#22c55e26;color:#22c55e}.btn-sm.btn-green:hover{background:#22c55e40}.btn-sm.btn-yellow{background:#f59e0b26;color:#f59e0b}.btn-sm.btn-yellow:hover{background:#f59e0b40}.btn-sm.btn-red{background:#ef444426;color:#ef4444}.btn-sm.btn-red:hover{background:#ef444440}.empty-text{color:#64748b;text-align:center;padding:40px 0;font-size:.9rem}@media(max-width:768px){.sched-tabs{width:100%;overflow-x:auto}.sched-tab{padding:8px 16px;font-size:.8rem;white-space:nowrap}.sched-form-row{flex-direction:column;align-items:stretch}.sched-small-input{width:100%!important}.sched-services-grid{grid-template-columns:1fr}.sched-day-row{flex-direction:column;align-items:flex-start}.sched-day-times{width:100%}.sched-time-group{flex:1;min-width:70px}.sched-appt-card{flex-direction:column;align-items:flex-start}.sched-appt-btns{width:100%}.sched-appt-btns .btn-sm{flex:1;text-align:center}.sched-blocked-list{gap:8px}.sched-blocked-card{flex-direction:row}}.sched-blocked-list{display:flex;flex-direction:column;gap:10px}.sched-blocked-card{display:flex;align-items:center;justify-content:space-between;background:#ef44440d;border:1px solid rgba(239,68,68,.15);border-radius:12px;padding:14px 16px;transition:all .2s}.sched-blocked-card:hover{border-color:#ef44444d}.sched-blocked-info{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.sched-blocked-date{display:flex;align-items:center;gap:6px;color:#ef4444;font-weight:700;font-size:.9rem}.sched-blocked-reason{color:#94a3b8;font-size:.85rem;font-style:italic}.sched-service-form{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:20px;margin-bottom:20px}.sched-form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.sched-form-grid .full-span{grid-column:1 / -1}.sched-svc-category{display:inline-block;background:#6366f126;color:#818cf8;font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:6px;margin-bottom:4px;text-transform:uppercase;letter-spacing:.3px}.sched-svc-desc{color:#94a3b8;font-size:.8rem;margin:4px 0 6px;line-height:1.3}.sched-worker-card{display:flex;align-items:flex-start;justify-content:space-between;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;transition:all .2s;gap:12px}.sched-worker-card:hover{border-color:#6366f14d}.sched-worker-info{display:flex;gap:14px;align-items:flex-start}.sched-worker-avatar{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;color:#fff;flex-shrink:0}.sched-worker-info h4{margin:0;color:#e2e8f0;font-size:.95rem}.sched-worker-role{color:#64748b;font-size:.8rem}.sched-worker-contact{display:flex;gap:12px;color:#64748b;font-size:.75rem;margin-top:4px}.sched-worker-services-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}.sched-tag{display:inline-block;background:#22c55e1f;color:#22c55e;font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:6px}.sched-tag-empty{color:#475569;font-size:.75rem;font-style:italic}.sched-worker-actions{display:flex;gap:6px;align-items:center;flex-shrink:0}.sched-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.sched-modal{background:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:16px;width:90%;max-width:480px;max-height:80vh;display:flex;flex-direction:column;animation:slideUp .25s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.sched-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.sched-modal-header h3{margin:0;font-size:1rem;color:#e2e8f0}.btn-icon-close{background:none;border:none;color:#64748b;cursor:pointer;padding:4px}.sched-modal-body{padding:16px 20px;overflow-y:auto;flex:1}.sched-modal-footer{padding:12px 20px;border-top:1px solid rgba(255,255,255,.06)}.sched-checkbox-list{display:flex;flex-direction:column;gap:8px}.sched-checkbox-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;cursor:pointer;transition:all .15s}.sched-checkbox-item:hover{border-color:#6366f14d}.sched-checkbox-item input{accent-color:#6366f1;width:18px;height:18px}.sched-checkbox-meta{margin-left:auto;color:#64748b;font-size:.75rem}.sched-appt-worker{color:#818cf8;font-weight:600}@media(max-width:768px){.sched-form-grid{grid-template-columns:1fr}.sched-worker-card{flex-direction:column}.sched-worker-actions{width:100%;justify-content:flex-end}.sched-modal{width:95%;max-height:90vh}}.home-page{min-height:100vh;background:var(--bg-dark);overflow-x:hidden;scroll-behavior:smooth}.home-navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 0;transition:background .3s,box-shadow .3s,padding .3s}.home-navbar.scrolled{background:#0a0e1ad9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 1px #ffffff0f;padding:10px 0}.home-navbar-inner{max-width:1200px;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.home-brand{display:flex;align-items:center;gap:10px;color:var(--accent);font-size:1.3rem;font-weight:700;cursor:pointer;letter-spacing:-.5px}.home-brand svg{filter:drop-shadow(0 0 8px var(--accent-glow))}.home-nav-links{display:flex;gap:8px}.home-nav-links button{background:none;border:none;color:var(--text-secondary);font-size:.9rem;font-weight:500;padding:8px 16px;border-radius:8px;cursor:pointer;transition:color .2s,background .2s;font-family:inherit}.home-nav-links button:hover{color:var(--text-primary);background:#ffffff0d}.home-nav-cta{display:flex;gap:10px;align-items:center}.home-btn-outline{padding:9px 22px;background:transparent;border:1px solid rgba(255,255,255,.15);color:var(--text-primary);border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .25s;font-family:inherit;display:flex;align-items:center;gap:8px}.home-btn-outline:hover{border-color:var(--accent);color:var(--accent);background:#6366f114}.home-btn-solid{padding:9px 22px;background:var(--accent);border:none;color:#fff;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .25s;font-family:inherit;display:flex;align-items:center;gap:8px;box-shadow:0 4px 20px #6366f159}.home-btn-solid:hover{background:var(--accent-hover);box-shadow:0 6px 30px #6366f180;transform:translateY(-1px)}.home-btn-solid.large,.home-btn-outline.large{padding:14px 32px;font-size:1rem;border-radius:12px}.home-hamburger{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:4px}.desktop-only{display:flex}.mobile-only{display:none}.home-mobile-menu{display:none;flex-direction:column;gap:4px;padding:16px 32px 24px;background:#0a0e1af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border);animation:homeMenuSlide .25s ease}@keyframes homeMenuSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.home-mobile-menu button{background:none;border:none;color:var(--text-secondary);font-size:1rem;font-weight:500;padding:12px 0;cursor:pointer;text-align:left;font-family:inherit;transition:color .2s}.home-mobile-menu button:hover{color:var(--text-primary)}.home-mobile-menu hr{border:none;border-top:1px solid var(--border);margin:8px 0}.home-mobile-menu .full-w{width:100%;justify-content:center;margin-top:4px}.home-hero{position:relative;padding:160px 32px 80px;text-align:center;display:flex;flex-direction:column;align-items:center;overflow:hidden}.home-hero-glow{position:absolute;top:-200px;left:50%;transform:translate(-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(99,102,241,.15) 0%,rgba(139,92,246,.08) 40%,transparent 70%);pointer-events:none;animation:heroGlowPulse 6s ease-in-out infinite alternate}@keyframes heroGlowPulse{0%{opacity:.6;transform:translate(-50%) scale(1)}to{opacity:1;transform:translate(-50%) scale(1.15)}}.home-hero-content{position:relative;z-index:2;max-width:800px}.home-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 18px;background:#6366f11f;border:1px solid rgba(99,102,241,.25);border-radius:50px;color:var(--accent-hover);font-size:.85rem;font-weight:600;margin-bottom:28px;animation:badgeFadeIn .8s ease}@keyframes badgeFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.home-badge svg{animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:1}50%{opacity:.5}}.home-hero-content h1{font-size:3.5rem;font-weight:800;line-height:1.15;letter-spacing:-1.5px;margin-bottom:24px;animation:heroFadeUp .8s ease .1s both}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.home-gradient-text{background:linear-gradient(135deg,#6366f1,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-hero-sub{color:var(--text-secondary);font-size:1.2rem;line-height:1.7;max-width:620px;margin:0 auto 36px;animation:heroFadeUp .8s ease .25s both}.home-hero-ctas{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;animation:heroFadeUp .8s ease .4s both}.home-stats-bar{position:relative;z-index:2;display:flex;gap:0;margin-top:80px;background:#11182799;border:1px solid var(--border);border-radius:16px;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:heroFadeUp .8s ease .55s both}.home-stat{flex:1;padding:28px 32px;text-align:center;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.home-stat:last-child{border-right:none}.home-stat-value{font-size:1.8rem;font-weight:800;letter-spacing:-1px;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-stat-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.home-section{padding:100px 32px;max-width:1200px;margin:0 auto}.home-section.dark-section{max-width:100%;background:#1118274d;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04)}.home-section.dark-section>*{max-width:1200px;margin-left:auto;margin-right:auto}.home-section-header{text-align:center;margin-bottom:56px}.home-section-badge{display:inline-block;padding:5px 16px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:50px;color:var(--accent-hover);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.home-section-header h2{font-size:2.2rem;font-weight:800;letter-spacing:-.8px;margin-bottom:12px}.home-section-header p{color:var(--text-secondary);font-size:1.05rem;max-width:550px;margin:0 auto;line-height:1.6}.home-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.home-feature-card{background:#11182780;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:28px;transition:all .3s ease;position:relative;overflow:hidden}.home-feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;opacity:0;transition:opacity .3s}.home-feature-card:hover{transform:translateY(-6px);border-color:#ffffff1f;box-shadow:0 20px 50px #0000004d;background:#111827cc}.home-feature-card:hover:before{opacity:1}.home-feature-card:nth-child(1):hover:before{background:linear-gradient(90deg,#6366f1,#8b5cf6)}.home-feature-card:nth-child(2):hover:before{background:linear-gradient(90deg,#22c55e,#10b981)}.home-feature-card:nth-child(3):hover:before{background:linear-gradient(90deg,#f59e0b,#f97316)}.home-feature-card:nth-child(4):hover:before{background:linear-gradient(90deg,#06b6d4,#3b82f6)}.home-feature-card:nth-child(5):hover:before{background:linear-gradient(90deg,#ec4899,#f43f5e)}.home-feature-card:nth-child(6):hover:before{background:linear-gradient(90deg,#8b5cf6,#a855f7)}.home-feature-card:nth-child(7):hover:before{background:linear-gradient(90deg,#14b8a6,#06b6d4)}.home-feature-card:nth-child(8):hover:before{background:linear-gradient(90deg,#f43f5e,#e11d48)}.home-feature-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:18px;box-shadow:0 4px 16px #0003}.home-feature-card h3{font-size:1rem;font-weight:700;margin-bottom:8px;letter-spacing:-.3px}.home-feature-card p{color:var(--text-secondary);font-size:.85rem;line-height:1.6}.home-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1000px;margin:0 auto}.home-step-card{text-align:center;padding:36px 28px;border-radius:16px;background:#11182766;border:1px solid rgba(255,255,255,.06);position:relative;transition:all .3s ease}.home-step-card:hover{transform:translateY(-4px);border-color:#6366f133;box-shadow:0 12px 40px #0003}.home-step-number{font-size:3rem;font-weight:900;background:linear-gradient(135deg,#6366f133,#8b5cf61a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:12px}.home-step-icon-wrap{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,var(--accent),#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 20px;box-shadow:0 8px 24px #6366f14d}.home-step-card h3{font-size:1.1rem;font-weight:700;margin-bottom:10px}.home-step-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.home-integrations-row{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.home-integration-card{display:flex;flex-direction:column;align-items:center;gap:14px;padding:32px 40px;background:#11182780;border:1px solid rgba(255,255,255,.06);border-radius:16px;transition:all .3s ease;min-width:160px}.home-integration-card:hover{transform:translateY(-4px);border-color:#ffffff1f;box-shadow:0 12px 30px #00000040}.home-integration-icon{width:64px;height:64px;border-radius:16px;background:#ffffff0a;display:flex;align-items:center;justify-content:center}.home-integration-card span{font-weight:600;font-size:.95rem;color:var(--text-secondary)}.home-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1200px;margin:0 auto}.home-why-card{padding:28px;border-radius:14px;background:#0a0e1a80;border:1px solid rgba(255,255,255,.06);transition:all .3s}.home-why-card:hover{border-color:#6366f133;transform:translateY(-3px)}.home-why-card .home-why-icon{color:var(--accent);margin-bottom:14px}.home-why-card h3{font-size:1rem;font-weight:700;margin-bottom:8px}.home-why-card p{color:var(--text-secondary);font-size:.85rem;line-height:1.6}.home-cta-section{position:relative;padding:100px 32px;text-align:center;overflow:hidden}.home-cta-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(99,102,241,.12) 0%,transparent 70%);pointer-events:none}.home-cta-content{position:relative;z-index:2}.home-cta-content h2{font-size:2.4rem;font-weight:800;letter-spacing:-1px;margin-bottom:16px}.home-cta-content p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:36px;max-width:500px;margin-left:auto;margin-right:auto}.home-footer{border-top:1px solid var(--border);padding:32px}.home-footer-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.home-footer-brand{display:flex;align-items:center;gap:8px;color:var(--accent);font-weight:700;font-size:1.1rem}.home-footer-copy{color:var(--text-muted);font-size:.85rem}@media(max-width:1024px){.home-features-grid,.home-why-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.home-hamburger,.home-mobile-menu{display:flex}.home-hero{padding:120px 20px 60px}.home-hero-content h1{font-size:2.2rem;letter-spacing:-.8px}.home-hero-sub{font-size:1rem}.home-hero-ctas{flex-direction:column;align-items:stretch;gap:12px;padding:0 8px}.home-btn-solid.large,.home-btn-outline.large{justify-content:center;padding:14px 24px}.home-hero-glow{width:400px;height:400px}.home-stats-bar{flex-direction:column;margin-top:48px}.home-stat{border-right:none;border-bottom:1px solid var(--border);padding:20px 24px;flex-direction:row;align-items:center;justify-content:space-between}.home-stat:last-child{border-bottom:none}.home-stat-value{font-size:1.4rem}.home-section{padding:60px 20px}.home-section-header h2{font-size:1.6rem}.home-section-header p{font-size:.95rem}.home-features-grid{grid-template-columns:1fr;gap:12px}.home-feature-card{padding:22px}.home-steps-grid{grid-template-columns:1fr;gap:16px}.home-integrations-row{gap:12px}.home-integration-card{padding:24px 28px;min-width:140px;flex:1}.home-why-grid{grid-template-columns:1fr;gap:12px}.home-cta-section{padding:60px 20px}.home-cta-content h2{font-size:1.7rem}.home-cta-content p{font-size:1rem}.home-footer-inner{flex-direction:column;gap:12px;text-align:center}}@media(max-width:480px){.home-hero-content h1{font-size:1.8rem}.home-integrations-row{flex-direction:column;align-items:stretch}.home-integration-card{flex-direction:row;justify-content:flex-start;gap:16px;padding:18px 22px}.home-integration-icon{width:48px;height:48px}.home-integration-icon svg{width:24px;height:24px}}:root{--store-accent: #6366f1;--store-accent-hover: #4f46e5;--store-accent-soft: rgba(99, 102, 241, .08);--store-accent-glow: rgba(99, 102, 241, .25);--store-bg: #f8fafc;--store-surface: #ffffff;--store-text: #1e293b;--store-text-secondary: #64748b;--store-text-muted: #94a3b8;--store-border: #e2e8f0;--store-border-light: #f1f5f9;--store-success: #10b981;--store-warning: #f59e0b;--store-danger: #ef4444;--store-radius: 16px;--store-radius-sm: 10px;--store-radius-xs: 8px;--store-shadow-sm: 0 1px 3px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.06);--store-shadow-md: 0 4px 16px rgba(0,0,0,.08);--store-shadow-lg: 0 12px 40px rgba(0,0,0,.12);--store-shadow-xl: 0 24px 64px rgba(0,0,0,.18);--store-transition: .25s cubic-bezier(.4, 0, .2, 1);--store-max-w: 1280px}.store-page{min-height:100vh;background:var(--store-bg);color:var(--store-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.store-header{background:var(--store-surface);border-bottom:1px solid var(--store-border);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb}.store-header-inner{max-width:var(--store-max-w);margin:0 auto;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px}.store-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.store-logo{font-size:1.8rem;line-height:1}.store-logo-img{width:40px;height:40px;border-radius:10px;object-fit:cover;box-shadow:var(--store-shadow-sm)}.store-brand h1{font-size:1.2rem;font-weight:800;color:var(--store-accent);margin:0;letter-spacing:-.3px}.store-header-right{display:flex;align-items:center;gap:12px}.store-search-wrap{display:flex;align-items:center;gap:8px;background:var(--store-border-light);border:1px solid var(--store-border);border-radius:12px;padding:9px 16px;transition:all var(--store-transition)}.store-search-wrap:focus-within{border-color:var(--store-accent);box-shadow:0 0 0 3px var(--store-accent-glow);background:var(--store-surface)}.store-search-icon{font-size:.9rem;opacity:.5}.store-search{border:none;background:transparent;outline:none;font-size:.88rem;color:var(--store-text);min-width:180px;font-family:inherit}.store-search::placeholder{color:var(--store-text-muted)}.store-cart-btn{display:flex;align-items:center;gap:8px;background:var(--store-accent);color:#fff;border:none;border-radius:12px;padding:10px 20px;font-weight:600;font-size:.88rem;cursor:pointer;position:relative;transition:all var(--store-transition);white-space:nowrap;font-family:inherit;box-shadow:0 2px 8px #6366f14d}.store-cart-btn:hover{background:var(--store-accent-hover);transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.cart-badge{background:var(--store-danger);color:#fff;border-radius:50%;width:20px;height:20px;font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center;animation:badgePop .3s ease}@keyframes badgePop{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.store-categories{border-top:1px solid var(--store-border);overflow-x:auto;scrollbar-width:none}.store-categories::-webkit-scrollbar{display:none}.store-categories-inner{max-width:var(--store-max-w);margin:0 auto;padding:12px 28px;display:flex;gap:8px}.store-cat-btn{padding:7px 18px;border-radius:100px;border:1px solid var(--store-border);background:var(--store-surface);color:var(--store-text-secondary);font-size:.82rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all var(--store-transition);font-family:inherit}.store-cat-btn:hover{border-color:var(--store-accent);color:var(--store-accent);background:var(--store-accent-soft)}.store-cat-btn.active{background:var(--store-accent);border-color:var(--store-accent);color:#fff;box-shadow:0 2px 8px #6366f14d}.store-hero{position:relative;max-width:var(--store-max-w);margin:0 auto;padding:24px 28px 0}.store-hero-carousel{position:relative;border-radius:var(--store-radius);overflow:hidden;aspect-ratio:21 / 8;max-height:420px;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);box-shadow:var(--store-shadow-lg)}.store-hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;display:flex;align-items:center}.store-hero-slide.active{opacity:1}.store-hero-slide img{width:100%;height:100%;object-fit:cover}.store-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.1) 60%,transparent 100%);display:flex;flex-direction:column;justify-content:center;padding:40px 48px}.store-hero-title{font-size:2rem;font-weight:900;color:#fff;margin:0 0 8px;text-shadow:0 2px 12px rgba(0,0,0,.3);max-width:500px;line-height:1.2}.store-hero-subtitle{font-size:1rem;color:#ffffffd9;margin:0;max-width:400px;line-height:1.5}.store-hero-cta{margin-top:20px;display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--store-text);text-decoration:none;padding:12px 28px;border-radius:100px;font-weight:700;font-size:.9rem;transition:all var(--store-transition);box-shadow:0 4px 16px #00000026;width:fit-content;border:none;cursor:pointer;font-family:inherit}.store-hero-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.store-hero-dots{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:5}.store-hero-dot{width:10px;height:10px;border-radius:50%;border:2px solid rgba(255,255,255,.6);background:transparent;cursor:pointer;transition:all .3s ease;padding:0}.store-hero-dot.active{background:#fff;border-color:#fff;transform:scale(1.2)}.store-hero-fallback{border-radius:var(--store-radius);overflow:hidden;background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);padding:48px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:200px;position:relative;box-shadow:var(--store-shadow-lg)}.store-hero-fallback:before{content:"";position:absolute;top:-30%;right:-10%;width:300px;height:300px;background:#ffffff14;border-radius:50%}.store-hero-fallback:after{content:"";position:absolute;bottom:-40%;right:20%;width:200px;height:200px;background:#ffffff0d;border-radius:50%}.store-hero-fallback h2{font-size:1.8rem;font-weight:900;color:#fff;margin:0 0 8px;z-index:1}.store-hero-fallback p{color:#fffc;font-size:1rem;margin:0;z-index:1}.store-trust-bar{max-width:var(--store-max-w);margin:0 auto;padding:20px 28px;display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.store-trust-item{display:flex;align-items:center;gap:10px;color:var(--store-text-secondary);font-size:.85rem;font-weight:500}.store-trust-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;background:var(--store-accent-soft);flex-shrink:0}.store-main{max-width:var(--store-max-w);margin:0 auto;padding:8px 28px 80px}.store-section-title{font-size:1.3rem;font-weight:800;color:var(--store-text);margin:32px 0 20px;display:flex;align-items:center;gap:10px}.store-section-title:after{content:"";flex:1;height:2px;background:linear-gradient(90deg,var(--store-border),transparent);margin-left:8px}.store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;animation:fadeInUp .5s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.store-card{background:var(--store-surface);border-radius:var(--store-radius);overflow:hidden;transition:all var(--store-transition);display:flex;flex-direction:column;border:1px solid var(--store-border-light);box-shadow:var(--store-shadow-sm);cursor:pointer}.store-card:hover{transform:translateY(-6px);box-shadow:var(--store-shadow-lg);border-color:transparent}.store-card-img-wrap{position:relative;background:var(--store-border-light);aspect-ratio:4/3;overflow:hidden}.store-card-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.store-card:hover .store-card-img-wrap img{transform:scale(1.08)}.store-no-img{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:3.5rem;color:var(--store-border);background:linear-gradient(135deg,var(--store-border-light),var(--store-bg))}.store-category-badge{position:absolute;top:12px;left:12px;background:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border-radius:100px;padding:4px 12px;font-size:.72rem;font-weight:600;letter-spacing:.3px}.store-low-stock{position:absolute;bottom:12px;left:12px;background:#f59e0beb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;border-radius:100px;padding:4px 10px;font-size:.72rem;font-weight:600}.store-card-body{padding:18px;display:flex;flex-direction:column;flex:1;gap:6px}.store-product-name{font-size:.95rem;font-weight:700;color:var(--store-text);margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}.store-product-desc{font-size:.8rem;color:var(--store-text-muted);margin:0;flex:1;line-height:1.45}.store-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:8px}.store-price{font-size:1.05rem;font-weight:800;color:var(--store-accent)}.store-add-btn{background:var(--store-accent);color:#fff;border:none;border-radius:var(--store-radius-xs);padding:9px 16px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all var(--store-transition);white-space:nowrap;font-family:inherit;position:relative;overflow:hidden}.store-add-btn:after{content:"";position:absolute;inset:0;background:#fff3;transform:translate(-100%);transition:transform .3s ease}.store-add-btn:hover:after{transform:translate(0)}.store-add-btn:hover{background:var(--store-accent-hover);transform:scale(1.03)}.store-add-btn.added{background:var(--store-success);animation:addedPulse .4s ease}@keyframes addedPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.skeleton-store{cursor:default;pointer-events:none}.skeleton-store:hover{transform:none;box-shadow:var(--store-shadow-sm)}.skeleton-img{aspect-ratio:4/3;background:linear-gradient(90deg,#e2e8f0,#f1f5f9,#e2e8f0);background-size:200% 100%;animation:shimmer 1.8s infinite ease-in-out}.skeleton-text{height:14px;background:linear-gradient(90deg,#e2e8f0,#f1f5f9,#e2e8f0);background-size:200% 100%;animation:shimmer 1.8s infinite ease-in-out;border-radius:6px;margin:8px 18px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.store-detail-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:250;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.store-detail-modal{background:var(--store-surface);border-radius:var(--store-radius);width:100%;max-width:580px;max-height:90vh;overflow-y:auto;box-shadow:var(--store-shadow-xl);animation:modalSlideUp .35s cubic-bezier(.4,0,.2,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.store-detail-img{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--store-border-light)}.store-detail-img-placeholder{width:100%;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--store-border-light),var(--store-bg));font-size:5rem;color:var(--store-border)}.store-detail-body{padding:28px;display:flex;flex-direction:column;gap:16px}.store-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.store-detail-header h2{font-size:1.3rem;font-weight:800;color:var(--store-text);margin:0;line-height:1.3}.store-detail-close{background:var(--store-border-light);border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;color:var(--store-text-secondary);transition:all var(--store-transition);flex-shrink:0}.store-detail-close:hover{background:var(--store-border);color:var(--store-text)}.store-detail-category{display:inline-flex;padding:4px 14px;background:var(--store-accent-soft);color:var(--store-accent);border-radius:100px;font-size:.78rem;font-weight:600;width:fit-content}.store-detail-desc{font-size:.9rem;color:var(--store-text-secondary);line-height:1.65;margin:0}.store-detail-price-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid var(--store-border)}.store-detail-price{font-size:1.5rem;font-weight:900;color:var(--store-accent)}.store-detail-stock{font-size:.82rem;color:var(--store-text-muted)}.store-detail-qty{display:flex;align-items:center;gap:12px}.store-detail-qty-btn{background:var(--store-border-light);border:1px solid var(--store-border);border-radius:8px;width:36px;height:36px;font-size:1.1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--store-transition);color:var(--store-text)}.store-detail-qty-btn:hover{background:var(--store-accent-soft);border-color:var(--store-accent);color:var(--store-accent)}.store-detail-qty-val{font-size:1.1rem;font-weight:700;min-width:32px;text-align:center}.store-detail-add-btn{width:100%;padding:14px;background:var(--store-accent);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all var(--store-transition);font-family:inherit;box-shadow:0 4px 16px #6366f14d}.store-detail-add-btn:hover{background:var(--store-accent-hover);transform:translateY(-2px);box-shadow:0 6px 24px #6366f166}.store-detail-add-btn.added{background:var(--store-success)}.cart-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;justify-content:flex-end;animation:fadeIn .2s ease}.cart-drawer{width:400px;max-width:100vw;background:var(--store-surface);height:100%;display:flex;flex-direction:column;box-shadow:-8px 0 40px #00000026;animation:slideInRight .3s cubic-bezier(.4,0,.2,1)}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.cart-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--store-border)}.cart-drawer-header h3{margin:0;font-size:1.1rem;font-weight:700;color:var(--store-text)}.store-close-btn{background:var(--store-border-light);border:none;width:32px;height:32px;border-radius:50%;font-size:1rem;cursor:pointer;color:var(--store-text-secondary);display:flex;align-items:center;justify-content:center;transition:all var(--store-transition)}.store-close-btn:hover{background:var(--store-border);color:var(--store-text)}.cart-drawer-empty{padding:60px 24px;text-align:center;color:var(--store-text-muted);font-size:.95rem}.cart-drawer-items{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.cart-drawer-item{background:var(--store-bg);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px;border:1px solid var(--store-border-light);transition:all var(--store-transition)}.cart-drawer-item:hover{border-color:var(--store-border)}.cart-item-info{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.cart-item-name{font-weight:600;font-size:.88rem;color:var(--store-text);line-height:1.3}.cart-item-price{font-weight:700;color:var(--store-accent);font-size:.9rem;white-space:nowrap}.cart-item-controls{display:flex;align-items:center;gap:8px}.qty-btn{background:var(--store-surface);border:1px solid var(--store-border);border-radius:8px;width:30px;height:30px;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--store-transition);color:var(--store-text)}.qty-btn:hover{background:var(--store-accent-soft);border-color:var(--store-accent);color:var(--store-accent)}.qty-val{font-weight:700;color:var(--store-text);min-width:24px;text-align:center}.remove-btn{background:none;border:none;cursor:pointer;font-size:1rem;margin-left:auto;padding:4px;opacity:.5;transition:opacity .2s}.remove-btn:hover{opacity:1}.cart-drawer-footer{padding:20px;border-top:1px solid var(--store-border);display:flex;flex-direction:column;gap:14px;background:var(--store-bg)}.cart-total-row{display:flex;justify-content:space-between;font-size:1rem;color:var(--store-text)}.cart-total-row strong{font-weight:800;font-size:1.1rem}.store-checkout-btn{background:var(--store-accent);color:#fff;border:none;border-radius:12px;padding:14px;font-weight:700;font-size:1rem;cursor:pointer;transition:all var(--store-transition);width:100%;font-family:inherit;box-shadow:0 4px 16px #6366f14d}.store-checkout-btn:hover:not(:disabled){background:var(--store-accent-hover);transform:translateY(-1px)}.store-checkout-btn:disabled{opacity:.6;cursor:not-allowed}.store-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:300;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s ease}.store-modal{background:var(--store-surface);border-radius:var(--store-radius);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:var(--store-shadow-xl);animation:modalSlideUp .35s cubic-bezier(.4,0,.2,1)}.store-modal-header{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid var(--store-border)}.store-modal-header h3{margin:0;font-size:1.1rem;font-weight:700;color:var(--store-text)}.store-checkout-form{padding:24px;display:flex;flex-direction:column;gap:18px}.store-input-group{display:flex;flex-direction:column;gap:6px}.store-input-group label{font-size:.85rem;font-weight:600;color:var(--store-text-secondary)}.store-input-group input{background:var(--store-bg);border:1.5px solid var(--store-border);border-radius:var(--store-radius-xs);padding:11px 14px;font-size:.95rem;color:var(--store-text);outline:none;transition:all var(--store-transition);font-family:inherit}.store-input-group input:focus{border-color:var(--store-accent);background:var(--store-surface);box-shadow:0 0 0 3px var(--store-accent-glow)}.checkout-summary{background:var(--store-bg);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:10px;border:1px solid var(--store-border-light)}.checkout-summary strong{font-size:.85rem;color:var(--store-text);margin-bottom:4px}.checkout-summary-row{display:flex;justify-content:space-between;font-size:.85rem;color:var(--store-text-secondary)}.checkout-summary-total{display:flex;justify-content:space-between;font-size:1.05rem;color:var(--store-text);border-top:1px solid var(--store-border);padding-top:10px;margin-top:4px;font-weight:700}.store-error{background:#fef2f2;border:1px solid #fca5a5;border-radius:var(--store-radius-xs);padding:10px 14px;font-size:.85rem;color:#dc2626}.store-success{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 32px;text-align:center}.success-icon{font-size:4rem;animation:successBounce .6s ease}@keyframes successBounce{0%{transform:scale(0) rotate(-12deg)}50%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0)}}.store-success h2{font-size:1.5rem;font-weight:800;color:var(--store-text);margin:0}.success-order-num{background:#f0fdf4;border:1px solid #86efac;border-radius:12px;padding:14px 28px;font-size:.95rem;color:#15803d;font-weight:600}.success-note{font-size:.9rem;color:var(--store-text-secondary);max-width:320px;line-height:1.5}.store-wa-btn{background:#25d366;color:#fff;text-decoration:none;border-radius:12px;padding:14px 28px;font-weight:700;font-size:1rem;transition:all var(--store-transition);width:100%;text-align:center;box-shadow:0 4px 16px #25d3664d}.store-wa-btn:hover{background:#1da851;transform:translateY(-2px);box-shadow:0 6px 24px #25d36666}.store-secondary-btn{background:none;border:1.5px solid var(--store-border);border-radius:12px;padding:12px 24px;font-size:.95rem;color:var(--store-text-secondary);cursor:pointer;width:100%;transition:all var(--store-transition);font-family:inherit}.store-secondary-btn:hover{background:var(--store-bg);border-color:var(--store-accent);color:var(--store-accent)}.store-float-cart{position:fixed;bottom:24px;right:24px;z-index:150;background:var(--store-accent);color:#fff;border:none;border-radius:100px;padding:14px 22px;display:flex;align-items:center;gap:10px;font-weight:700;font-size:1rem;box-shadow:0 8px 32px #6366f173;cursor:pointer;transition:all var(--store-transition);font-family:inherit;animation:floatCartIn .4s cubic-bezier(.4,0,.2,1)}@keyframes floatCartIn{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.store-float-cart:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 12px 40px #6366f18c}.float-cart-count{background:var(--store-danger);border-radius:50%;width:22px;height:22px;font-size:.76rem;display:flex;align-items:center;justify-content:center}.store-not-found{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--store-bg);font-family:Inter,sans-serif}.store-not-found-inner{text-align:center;display:flex;flex-direction:column;gap:12px;color:var(--store-text-secondary);animation:fadeInUp .5s ease}.store-not-found-inner span{font-size:4rem}.store-not-found-inner h2{color:var(--store-text);margin:0;font-weight:800}.store-empty{text-align:center;padding:80px 24px;display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--store-text-muted);font-size:.95rem;animation:fadeIn .4s ease}.store-empty span{font-size:3.5rem}.store-footer{text-align:center;padding:32px 28px;font-size:.82rem;color:var(--store-text-muted);border-top:1px solid var(--store-border);background:var(--store-surface)}.store-footer p{margin:0}.store-footer strong{background:linear-gradient(135deg,var(--store-accent),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.store-footer-desc{max-width:480px;margin:0 auto 12px;color:var(--store-text-secondary);font-size:.85rem;line-height:1.5}@media(max-width:768px){.store-header-inner{padding:12px 16px}.store-search-wrap{display:none}.store-search-mobile{display:block;padding:0 16px 12px}.store-search-mobile input{width:100%;padding:10px 16px;background:var(--store-border-light);border:1px solid var(--store-border);border-radius:12px;font-size:.88rem;color:var(--store-text);outline:none;font-family:inherit}.store-hero{padding:16px 16px 0}.store-hero-carousel{aspect-ratio:16/9;border-radius:12px}.store-hero-overlay{padding:24px}.store-hero-title{font-size:1.3rem}.store-hero-subtitle{font-size:.85rem}.store-hero-cta{padding:10px 20px;font-size:.82rem}.store-hero-fallback{padding:28px;min-height:140px}.store-hero-fallback h2{font-size:1.3rem}.store-trust-bar{padding:16px;gap:12px}.store-trust-item{font-size:.78rem}.store-trust-icon{width:30px;height:30px;font-size:.9rem}.store-categories-inner{padding:10px 16px}.store-main{padding:4px 16px 100px}.store-section-title{font-size:1.1rem;margin:20px 0 14px}.store-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:12px}.store-card-body{padding:12px}.store-product-name{font-size:.85rem}.store-product-desc{display:none}.store-price{font-size:.9rem}.store-add-btn{padding:7px 12px;font-size:.76rem}.cart-drawer{width:100%}.float-cart-label{display:none}.store-detail-modal{max-width:100%;border-radius:16px 16px 0 0;max-height:95vh}.store-detail-body{padding:20px}.store-footer{padding:24px 16px}}@media(max-width:480px){.store-brand h1{font-size:1rem}.store-cart-btn{padding:8px 14px;font-size:.82rem}.store-grid{grid-template-columns:repeat(2,1fr);gap:10px}.store-card-img-wrap{aspect-ratio:1}}.store-search-mobile{display:none}@media(max-width:768px){.store-search-mobile{display:block}}