@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);:root{--bg-base:#f5f7fa;--bg-elevated:#fff;--bg-surface:#fff;--bg-input:#f5f7fa;--border-subtle:#e8edf5;--border-default:#e8edf5;--text-primary:#232323;--text-secondary:#718096;--text-muted:#b1b1b1;--accent:#396aff;--accent-secondary:#1d4ed8;--success:#25d366;--danger:#fe5c73;--warning:#ffbb38;--radius-md:15px;--radius-lg:20px;--radius-xl:25px;--shadow-glow:0 4px 20px #396aff26}body.dark-theme{--bg-base:#09090b;--bg-elevated:#18181b;--bg-surface:#18181b;--bg-input:#27272a;--border-subtle:#27272a;--border-default:#27272a;--accent:#16a34a!important;--accent-secondary:#15803d!important;--success:#16a34a;--danger:#ef4444;--warning:#f59e0b;--shadow-glow:0 4px 20px #16a34a26}*{box-sizing:border-box;margin:0;padding:0}body{-moz-osx-font-smoothing:grayscale;background-color:#f5f7fa;background-color:var(--bg-base);color:#232323;transition:background-color .3s ease,color .3s ease}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}body:not(.dark-theme){--brand:#16a34a!important;--brand-dark:#15803d!important;--brand-light:#f0fdf4!important;--brand-glow:#16a34a14!important;--bg-app:#f8fafc!important;--bg-card:#fff!important;--bg-hover:#f1f5f9!important;--border:#e2e8f0!important;--accent:#16a34a!important;--accent-secondary:#15803d!important;--text-primary:#0f172a!important;--text-secondary:#64748b!important;--text-muted:#94a3b8!important}body:not(.dark-theme) .top-bar{background:#fff;background:var(--bg-surface);border-bottom:1px solid #e8edf5;border-bottom:1px solid var(--border-subtle)}body:not(.dark-theme) .greeting-text{color:#232323;color:var(--text-primary)}body:not(.dark-theme) .greeting-sub{color:#718096;color:var(--text-secondary)}body:not(.dark-theme) .search-wrapper{background:#f5f7fa;background:var(--bg-input);border:1px solid #e8edf5;border:1px solid var(--border-subtle)}body:not(.dark-theme) .search-input{color:#232323;color:var(--text-primary)}body:not(.dark-theme) .search-input::placeholder{color:#b1b1b1;color:var(--text-muted)}body:not(.dark-theme) .icon-button{background:#f5f7fa;background:var(--bg-input);border-color:#e8edf5;border-color:var(--border-subtle);color:#718096;color:var(--text-secondary)}body:not(.dark-theme) .icon-button:hover{background:#e8edf5;background:var(--border-subtle);color:#232323;color:var(--text-primary)}body:not(.dark-theme) .analytics-card,body:not(.dark-theme) .billing-card,body:not(.dark-theme) .broadcast-card,body:not(.dark-theme) .card,body:not(.dark-theme) .chart-card,body:not(.dark-theme) .chat-container,body:not(.dark-theme) .connection-card,body:not(.dark-theme) .conversations-container,body:not(.dark-theme) .dashboard-stat-card,body:not(.dark-theme) .db-card,body:not(.dark-theme) .detail-card,body:not(.dark-theme) .health-card,body:not(.dark-theme) .integration-card,body:not(.dark-theme) .kb-card,body:not(.dark-theme) .metric-card,body:not(.dark-theme) .orders-stat-pill,body:not(.dark-theme) .orders-table-container,body:not(.dark-theme) .panel,body:not(.dark-theme) .quick-action-card,body:not(.dark-theme) .session-card,body:not(.dark-theme) .settings-card,body:not(.dark-theme) .stat-card,body:not(.dark-theme) .stat-card-premium,body:not(.dark-theme) .super-admin-card,body:not(.dark-theme) .table-container,body:not(.dark-theme) .table-container-premium,body:not(.dark-theme) .template-card{background:#fff!important;background:var(--bg-elevated)!important;border:1px solid #e8edf5!important;border:1px solid var(--border-subtle)!important;border-radius:20px!important;border-radius:var(--radius-lg)!important;box-shadow:0 4px 20px #00000008!important}body:not(.dark-theme) .orders-stat-pill .label{color:#718096!important;color:var(--text-secondary)!important}body:not(.dark-theme) .orders-stat-pill .value{color:#232323!important;color:var(--text-primary)!important}body:not(.dark-theme) .orders-stat-pill.pending .value{color:#ffbb38!important;color:var(--warning)!important}body:not(.dark-theme) .orders-stat-pill.processing .value{color:#396aff!important;color:var(--accent)!important}body:not(.dark-theme) .orders-stat-pill.shipped .value{color:#3b82f6!important}body:not(.dark-theme) .orders-stat-pill.delivered .value{color:#25d366!important;color:var(--success)!important}body:not(.dark-theme) .sidebar-logout-btn{background:#ef44440d!important;border:1px solid #ef44444d!important;color:#ef4444!important}body:not(.dark-theme) .sidebar-logout-btn:hover{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important}body:not(.dark-theme) .card h3,body:not(.dark-theme) .stat-value,body:not(.dark-theme) .stats-value,body:not(.dark-theme) h1,body:not(.dark-theme) h2,body:not(.dark-theme) h3,body:not(.dark-theme) h4,body:not(.dark-theme) h5,body:not(.dark-theme) h6{color:#232323!important;color:var(--text-primary)!important}body:not(.dark-theme) .stat-label,body:not(.dark-theme) .stats-label,body:not(.dark-theme) label,body:not(.dark-theme) p,body:not(.dark-theme) span:not(.sidebar-role-badge):not(.badge):not(.btn-primary):not(.badge-success):not(.badge-danger):not(.badge-warning):not(.badge-info):not(.status-dot):not(.ai-status-dot){color:#718096!important;color:var(--text-secondary)!important}body:not(.dark-theme) th{background:#f5f7fa!important;background:var(--bg-input)!important;border-bottom:2px solid #e8edf5!important;border-bottom:2px solid var(--border-default)!important;color:#232323!important;color:var(--text-primary)!important}body:not(.dark-theme) td{border-bottom:1px solid #e8edf5!important;border-bottom:1px solid var(--border-subtle)!important;color:#718096!important;color:var(--text-secondary)!important}body:not(.dark-theme) tr:hover td{background:#00000003!important}body:not(.dark-theme) .btn-secondary{background:#0000!important;border:1.5px solid #396aff!important;border:1.5px solid var(--accent)!important;border-radius:20px!important;color:#396aff!important;color:var(--accent)!important;font-size:12.5px!important;font-weight:600!important;padding:6px 14px!important;transition:all .2s ease!important}body:not(.dark-theme) .btn-secondary:hover{background:#396aff!important;background:var(--accent)!important;border-color:#396aff!important;border-color:var(--accent)!important;color:#fff!important}body:not(.dark-theme) input:not([type=checkbox]):not([type=radio]),body:not(.dark-theme) select,body:not(.dark-theme) textarea{background:#fff!important;background:var(--bg-elevated)!important;border:1px solid #e8edf5!important;border:1px solid var(--border-default)!important;color:#232323!important;color:var(--text-primary)!important}body:not(.dark-theme) input:focus,body:not(.dark-theme) select:focus,body:not(.dark-theme) textarea:focus{border-color:#396aff!important;border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--brand-glow)!important}body:not(.dark-theme) .conversation-item{border-bottom:1px solid #e8edf5;border-bottom:1px solid var(--border-subtle)}body:not(.dark-theme) .conversation-item:hover{background:#f5f7fa;background:var(--bg-base)}body:not(.dark-theme) .conversation-item.active{background:#f5f7fa;background:var(--bg-input)}body:not(.dark-theme) .conversation-name{color:#232323;color:var(--text-primary)}body:not(.dark-theme) .conversation-preview{color:#b1b1b1;color:var(--text-muted)}body:not(.dark-theme) .chat-header{background:#fff;background:var(--bg-elevated);border-bottom:1px solid #e8edf5;border-bottom:1px solid var(--border-subtle)}body:not(.dark-theme) .message-bubble.incoming{background:#f5f7fa;background:var(--bg-input);color:#232323;color:var(--text-primary)}body:not(.dark-theme) .message-bubble.outgoing{background:#396aff;background:var(--accent);color:#fff}body:not(.dark-theme) .chat-input-container{background:#fff;background:var(--bg-elevated);border-top:1px solid #e8edf5;border-top:1px solid var(--border-subtle)}body:not(.dark-theme) .chat-input-wrapper{background:#f5f7fa;background:var(--bg-input);border:1px solid #e8edf5;border:1px solid var(--border-subtle)}.empty-state,.filter-bar,.template-card{background-color:#fff!important;background-color:var(--bg-elevated)!important;border-color:#e8edf5!important;border-color:var(--border-subtle)!important}.empty-state h3,.template-name{color:#232323!important;color:var(--text-primary)!important}body:not(.dark-theme) .table-container-premium{background:#fff!important;background:var(--bg-elevated)!important;border-color:#e8edf5!important;border-color:var(--border-subtle)!important;box-shadow:0 4px 20px #0000000a!important}body:not(.dark-theme) .table-header-premium{border-bottom:1px solid #e8edf5!important;border-bottom:1px solid var(--border-subtle)!important}body:not(.dark-theme) .table-header-premium h2{color:#232323!important;color:var(--text-primary)!important}body:not(.dark-theme) .premium-table thead{background:#f5f7fa!important;background:var(--bg-input)!important}body:not(.dark-theme) .premium-table thead th{color:#718096!important;color:var(--text-secondary)!important}body:not(.dark-theme) .premium-table thead th,body:not(.dark-theme) .table-row-premium{border-bottom:1px solid #e8edf5!important;border-bottom:1px solid var(--border-subtle)!important}body:not(.dark-theme) .table-row-premium:hover{background:var(--bg-hover)!important}body:not(.dark-theme) .table-row-premium td{color:#718096!important;color:var(--text-secondary)!important}body:not(.dark-theme) .super-admin-search{background:#f5f7fa!important;background:var(--bg-input)!important;border-color:#e8edf5!important;border-color:var(--border-subtle)!important}body:not(.dark-theme) .super-admin-search input{color:#232323!important;color:var(--text-primary)!important}body:not(.dark-theme) .stat-info h3{color:#718096!important;color:var(--text-secondary)!important}body:not(.dark-theme) .modal-content,body:not(.dark-theme) .modal-content-large{background:#fff!important;background:var(--bg-elevated)!important;border:1px solid #e8edf5!important;border:1px solid var(--border-subtle)!important;box-shadow:0 20px 60px #0000001a!important}body:not(.dark-theme) .modal-close{color:#718096!important;color:var(--text-secondary)!important}body:not(.dark-theme) .btn-secondary,body:not(.dark-theme) .modal-close:hover{color:#232323!important;color:var(--text-primary)!important}body:not(.dark-theme) .btn-secondary{background:#f5f7fa!important;background:var(--bg-input)!important;border:1px solid #e8edf5!important;border:1px solid var(--border-default)!important}body:not(.dark-theme) .btn-secondary:hover{background:#e8edf5!important;background:var(--border-default)!important;color:#232323!important;color:var(--text-primary)!important}body:not(.dark-theme) .discount-preview{background:#f5f7fa!important;background:var(--bg-input)!important;border-color:#e8edf5!important;border-color:var(--border-subtle)!important}body:not(.dark-theme) .preview-row{color:#718096!important;color:var(--text-secondary)!important}body:not(.dark-theme) .preview-row.final{border-top:1px solid #e8edf5!important;border-top:1px solid var(--border-subtle)!important;color:#232323!important;color:var(--text-primary)!important}body:not(.dark-theme) .detail-row span:first-child{color:#718096!important;color:var(--text-secondary)!important}body:not(.dark-theme) .detail-row span:last-child,body:not(.dark-theme) .detail-row strong{color:#232323!important;color:var(--text-primary)!important}body:not(.dark-theme) .token-stat{background:#f5f7fa!important;background:var(--bg-input)!important}body:not(.dark-theme) .token-stat strong{color:#232323!important;color:var(--text-primary)!important}body:not(.dark-theme) .progress-bar{background:#f5f7fa!important;background:var(--bg-input)!important}body:not(.dark-theme) .progress-label{color:#718096!important;color:var(--text-secondary)!important}body:not(.dark-theme) .quick-action-card,body:not(.dark-theme) .stat-card-premium{background:#fff!important;background:var(--bg-elevated)!important;border-color:#e8edf5!important;border-color:var(--border-subtle)!important;box-shadow:0 4px 20px #0000000a!important}body:not(.dark-theme) .quick-action-card h4,body:not(.dark-theme) .stat-value-premium{color:#232323!important;color:var(--text-primary)!important}body:not(.dark-theme) .quick-action-card p{color:#718096!important;color:var(--text-secondary)!important}body:not(.dark-theme) .chart-container,body:not(.dark-theme) .sentiment-widget{background:#fff!important;background:var(--bg-elevated)!important;border-color:#e8edf5!important;border-color:var(--border-subtle)!important}body:not(.dark-theme) .breakdown-bar,body:not(.dark-theme) .sentiment-display{background:#f5f7fa!important;background:var(--bg-input)!important}body:not(.dark-theme) .breakdown-label{color:#718096!important;color:var(--text-secondary)!important}body:not(.dark-theme) .breakdown-value,body:not(.dark-theme) .sentiment-reasoning{color:#232323!important;color:var(--text-primary)!important}body:not(.dark-theme) .sentiment-reasoning{background:#6366f10d!important}body:not(.dark-theme) .legend-item{color:#718096!important;color:var(--text-secondary)!important}body:not(.dark-theme) .orders-stat-pill,body:not(.dark-theme) .orders-table-card,body:not(.dark-theme) .panel-card{background:#fff!important;background:var(--bg-elevated)!important;border-color:#e8edf5!important;border-color:var(--border-subtle)!important;box-shadow:0 4px 20px #0000000a!important}body:not(.dark-theme) .order-amount,body:not(.dark-theme) .orders-stat-pill .value{color:#232323!important;color:var(--text-primary)!important}body:not(.dark-theme) .order-id-cell{color:#396aff!important;color:var(--accent)!important}body:not(.dark-theme) .orders-empty h3{color:#232323!important;color:var(--text-primary)!important}body:not(.dark-theme) .orders-table-card .table-header,body:not(.dark-theme) .panel-card-header{border-bottom-color:#e8edf5!important;border-bottom-color:var(--border-subtle)!important}body:not(.dark-theme) .live-chat-container{background:#f5f7fa!important;background:var(--bg-base)!important;border-color:#e8edf5!important;border-color:var(--border-subtle)!important}body:not(.dark-theme) .conversations-sidebar{background:#fff!important;background:var(--bg-surface)!important;border-right-color:#e8edf5!important;border-right-color:var(--border-subtle)!important}body:not(.dark-theme) .sidebar-header{border-bottom-color:#e8edf5!important;border-bottom-color:var(--border-subtle)!important}body:not(.dark-theme) .sidebar-header h2{color:#232323!important;color:var(--text-primary)!important}body:not(.dark-theme) .search-box{border-bottom-color:#e8edf5!important;border-bottom-color:var(--border-subtle)!important}body:not(.dark-theme) .search-box input{background:#fff!important;background:var(--bg-elevated)!important;border-color:#e8edf5!important;border-color:var(--border-default)!important;color:#232323!important;color:var(--text-primary)!important}body:not(.dark-theme) .search-box input:focus{background:#fff!important;background:var(--bg-elevated)!important;border-color:#396aff!important;border-color:var(--accent)!important}body:not(.dark-theme) .conversation-item{background:#0000!important}body:not(.dark-theme) .conversation-item:hover{background:#00000005!important}body:not(.dark-theme) .conversation-item.active{background:#f5f7fa!important;background:var(--bg-input)!important;border-color:#e8edf5!important;border-color:var(--border-subtle)!important}body:not(.dark-theme) .customer-name{color:#232323!important;color:var(--text-primary)!important}body:not(.dark-theme) .last-message{color:#718096!important;color:var(--text-secondary)!important}body:not(.dark-theme) .chat-window{background:#f5f7fa!important;background:var(--bg-base)!important}body:not(.dark-theme) .chat-header{background:var(--bg-surface)!important;border-bottom-color:#e8edf5!important;border-bottom-color:var(--border-subtle)!important}body:not(.dark-theme) .customer-details h3{color:#232323!important;color:var(--text-primary)!important}body:not(.dark-theme) .customer-contact{color:#718096!important;color:var(--text-secondary)!important}body:not(.dark-theme) .customer-message{background:#fff!important;background:var(--bg-elevated)!important;border-color:#e8edf5!important;border-color:var(--border-subtle)!important}body:not(.dark-theme) .customer-message,body:not(.dark-theme) .message-content{color:#232323!important;color:var(--text-primary)!important}body:not(.dark-theme) .message-sender,body:not(.dark-theme) .message-time{color:#b1b1b1!important;color:var(--text-muted)!important}body:not(.dark-theme) .admin-message .message-sender{color:#065f46!important}body:not(.dark-theme) .admin-message .message-time{color:#047857!important}body:not(.dark-theme) .conversation-item.active:before{background:#396aff!important;background:var(--accent)!important}body:not(.dark-theme) .ai-toggle-btn.active{background:#10b98114!important;border-color:#10b9814d!important;color:#065f46!important}body:not(.dark-theme) .ai-toggle-btn.active:hover{background:#10b98126!important}body:not(.dark-theme) .ai-toggle-btn.paused{background:#ef444414!important;border-color:#ef44444d!important;color:#991b1b!important}body:not(.dark-theme) .ai-toggle-btn.paused:hover{background:#ef444426!important}body:not(.dark-theme) .input-notice{background:#10b98114!important;border-color:#10b9814d!important;color:#065f46!important}body:not(.dark-theme) .input-notice.paused{background:#ef444414!important;border-color:#ef44444d!important;color:#991b1b!important}body:not(.dark-theme) .message-input-area{background:#fff!important;background:var(--bg-surface)!important;border-top-color:#e8edf5!important;border-top-color:var(--border-subtle)!important}body:not(.dark-theme) .message-input-form input{background:#fff!important;background:var(--bg-elevated)!important;border-color:#e8edf5!important;border-color:var(--border-default)!important;color:#232323!important;color:var(--text-primary)!important}body:not(.dark-theme) .message-input-form input:focus{background:#fff!important;background:var(--bg-elevated)!important;border-color:#396aff!important;border-color:var(--accent)!important}body:not(.dark-theme) .empty-state-large h3{color:#232323!important;color:var(--text-primary)!important}body:not(.dark-theme) .chat-filter-tab,body:not(.dark-theme) .empty-state-large p{color:#718096!important;color:var(--text-secondary)!important}body:not(.dark-theme) .chat-filter-tab{background:#0000!important;border-color:#e8edf5!important;border-color:var(--border-default)!important}body:not(.dark-theme) .chat-filter-tab:hover{border-color:#396aff!important;border-color:var(--accent)!important;color:#232323!important;color:var(--text-primary)!important}body:not(.dark-theme) .chat-filter-tab.active{background:var(--brand-light)!important;border-color:#396aff!important;border-color:var(--accent)!important;color:#396aff!important;color:var(--accent)!important;font-weight:700!important}.demo-filter-btn{background:#27272a99;border:1px solid #3f3f464d;border-radius:20px;color:#a1a1aa;cursor:pointer;font-size:13px;font-weight:600;padding:8px 18px;text-transform:capitalize;transition:all .2s ease}.demo-filter-btn:hover{border-color:#6366f180;color:#fafafa}.demo-filter-btn.active{background:#6366f133;border-color:#6366f180;color:#a5b4fc}body:not(.dark-theme) .demo-filter-btn{background:#0000!important;border:1px solid #e8edf5!important;border:1px solid var(--border-default)!important;color:#718096!important;color:var(--text-secondary)!important}body:not(.dark-theme) .demo-filter-btn:hover{border-color:#396aff!important;border-color:var(--accent)!important;color:#232323!important;color:var(--text-primary)!important}body:not(.dark-theme) .demo-filter-btn.active{background:var(--brand-light)!important;border-color:#396aff!important;border-color:var(--accent)!important;color:#396aff!important;color:var(--accent)!important;font-weight:700!important}.profile-container{margin:0 auto;max-width:1200px;padding:10px 10px 40px}.profile-header-section{margin-bottom:30px}.profile-header-section h1{font-size:28px;font-weight:800;letter-spacing:-.5px;margin-bottom:6px}.profile-subtitle{font-size:14px}.profile-loading-container{align-items:center;display:flex;justify-content:center;min-height:400px}.profile-grid{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:320px 1fr}@media (max-width:968px){.profile-grid{grid-template-columns:1fr}}.profile-alert-message{animation:slideDown .3s ease;border-radius:var(--radius-md);font-size:14px;font-weight:500;margin-bottom:25px;padding:14px 20px}.alert-success{background:#10b98126;border:1px solid #10b9814d;color:var(--success)}.alert-error{background:#ef444426;border:1px solid #ef44444d;color:var(--danger)}.alert-warning{background:#f59e0b26;border:1px solid #f59e0b4d;color:#d97706}.profile-card{border-radius:var(--radius-lg);margin-bottom:25px;padding:24px}.user-overview-card{align-items:center;display:flex;flex-direction:column;text-align:center}.user-avatar-large{align-items:center;background:linear-gradient(135deg,var(--accent) 0,var(--accent-secondary) 100%);border-radius:24px;box-shadow:0 10px 25px #6366f140;color:#fff;display:flex;font-size:36px;font-weight:800;height:90px;justify-content:center;margin-bottom:18px;transition:transform .3s ease;width:90px}.user-overview-card:hover .user-avatar-large{transform:scale(1.05)}.user-name{font-size:20px;font-weight:700;margin-bottom:4px}.user-email{font-size:13px;margin-bottom:16px}.role-plan-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:24px}.profile-badge{border-radius:8px;font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 10px}.role-badge.role-admin{background:#6366f126;color:#818cf8}.role-badge.role-super_admin{background:#f59e0b26;color:#fbbf24}.role-badge.role-manager{background:#10b98126;color:#34d399}.role-badge.role-agent{background:#71717a26;color:#a1a1aa}.plan-badge.plan-starter{background:#3b82f626;color:#60a5fa}.plan-badge.plan-professional{background:#8b5cf626;color:#a78bfa}.plan-badge.plan-enterprise{background:#ec489926;color:#f472b6}.plan-badge.plan-custom{background:#f59e0b26;color:#fbbf24}.overview-stats{border-top:1px solid var(--border-subtle);padding-top:20px;text-align:left;width:100%}.stat-row{display:flex;font-size:12px;justify-content:space-between;margin-bottom:12px}.stat-row span{color:var(--text-secondary)}.usage-progress-bar-container{background:var(--bg-input);border-radius:3px;height:6px;margin-top:4px;overflow:hidden;width:100%}.usage-progress-bar-fill{background:linear-gradient(90deg,var(--accent) 0,var(--accent-secondary) 100%);border-radius:3px;height:100%;transition:width .5s ease-out}.theme-preference-card h3{font-size:15px;font-weight:700;margin-bottom:16px}.theme-toggle-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.theme-option-btn{align-items:center;background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:10px;transition:all .2s ease}.theme-option-btn:hover{background:var(--bg-input);color:var(--text-primary)}.theme-option-btn.active{background:#6366f114;border-color:var(--accent);color:var(--accent)}.form-section-card h3{font-size:16px;font-weight:700}.section-title-wrapper{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;gap:12px;margin-bottom:22px;padding-bottom:12px}.section-icon{font-size:18px}.text-accent{color:var(--accent)}.form-group-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}@media (max-width:640px){.form-group-grid{grid-template-columns:1fr}}.form-group{gap:6px}.form-group.full-width{grid-column:1/-1}.form-group label{font-size:12px}.input-with-icon{position:relative;width:100%}.input-with-icon .input-icon{color:var(--text-muted);font-size:14px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.input-with-icon input,.input-with-icon select,.input-with-icon textarea{border-radius:var(--radius-md);font-size:14px;font-weight:500;padding:12px 14px 12px 40px!important;transition:all .2s ease;width:100%}.form-action-button-row{display:flex;justify-content:flex-end;margin-top:10px}.btn-save-profile{align-items:center;background:linear-gradient(135deg,var(--accent) 0,var(--accent-secondary) 100%);border:none;border-radius:var(--radius-md);box-shadow:0 4px 14px #6366f14d;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:10px;padding:12px 28px;transition:all .2s ease}.btn-save-profile:hover{box-shadow:0 6px 20px #6366f173;transform:translateY(-2px)}.btn-save-profile:active{transform:translateY(0)}.btn-save-profile:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.spinner{animation:spin 1s ease-in-out infinite;border:3px solid #6366f11a}.form-group-checkbox{align-items:center;display:flex;margin-top:10px}.checkbox-switch-label{align-items:flex-start;cursor:pointer;display:flex;gap:16px;position:relative;width:100%}.checkbox-switch-label input{height:0;opacity:0;position:absolute;width:0}.checkbox-slider{background-color:#3f3f4699;border:1px solid #3f3f46cc;border-radius:24px;display:inline-block;flex-shrink:0;height:24px;margin-top:2px;position:relative;transition:all .3s ease;width:44px}.checkbox-slider:before{background-color:#fafafa;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0003;content:"";height:16px;left:3px;position:absolute;transition:all .3s ease;width:16px}.checkbox-switch-label input:checked+.checkbox-slider{background-color:var(--accent);border-color:var(--accent)}.checkbox-switch-label input:checked+.checkbox-slider:before{transform:translateX(20px)}.checkbox-text-info{display:flex;flex-direction:column;gap:4px}.checkbox-text-info strong{color:#fafafa;font-size:15px;font-weight:600}.checkbox-text-info p{color:var(--text-muted);font-size:13px;line-height:1.5;margin:0}.branding-section-card{min-height:240px;position:relative}.branding-locked-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ad1;border-radius:var(--radius-lg);box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:absolute;top:0;width:100%;z-index:10}.locked-content{color:#fff;max-width:400px;text-align:center}.locked-content .lock-icon{display:block;font-size:32px;margin-bottom:12px}.locked-content h4{color:#f472b6;font-size:18px;font-weight:700;margin-bottom:8px}.locked-content p{color:#cbd5e1;font-size:13px;line-height:1.5;margin-bottom:20px}.btn-upgrade-branding{background:linear-gradient(135deg,#ec4899,#be185d);border-radius:var(--radius-md);box-shadow:0 4px 12px #ec489966;color:#fff;display:inline-block;font-size:13px;font-weight:700;padding:10px 24px;text-decoration:none;transition:all .2s ease}.btn-upgrade-branding:hover{box-shadow:0 6px 16px #ec48998c;transform:translateY(-2px)}.btn-save-branding{align-items:center;background:var(--accent);border:none;border-radius:var(--radius-md);box-shadow:0 4px 10px #6366f140;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:10px;padding:10px 22px;transition:all .2s ease}.btn-save-branding:hover{background:var(--accent-secondary);transform:translateY(-1px)}.orders-stats-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:28px}.orders-stat-pill{background:#18181b99;border:1px solid #3f3f464d;border-radius:14px;display:flex;flex-direction:column;gap:4px;padding:16px 18px}.orders-stat-pill .label{color:#71717a;font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.orders-stat-pill .value{color:#fafafa;font-size:26px;font-weight:800;letter-spacing:-1px}.orders-stat-pill.pending .value{color:#fbbf24}.orders-stat-pill.processing .value{color:#6366f1}.orders-stat-pill.shipped .value{color:#3b82f6}.orders-stat-pill.delivered .value{color:#10b981}.orders-page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:8px}.orders-header-actions{display:flex;flex-wrap:wrap;gap:10px}.orders-table-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#18181b99;border:1px solid #3f3f464d;border-radius:20px;overflow:hidden}.orders-table-card .table-header{border-bottom:1px solid #3f3f464d;padding:22px 28px}.orders-table-card table{width:100%}.order-id-cell{color:#a5b4fc;font-family:ui-monospace,monospace;font-size:13px;font-weight:700}.order-amount{color:#fafafa;font-weight:600}.order-actions{display:flex;flex-wrap:wrap;gap:6px}.btn-action{padding:6px 12px;transition:opacity .2s,transform .2s}.btn-action:hover{transform:translateY(-1px)}.btn-action.process{background:#6366f133;color:#a5b4fc}.btn-action.ship{background:#3b82f633;color:#93c5fd}.btn-action.deliver{background:#10b98133;color:#6ee7b7}.btn-action.return{background:#a1a1aa33;color:#d4d4d8}.orders-empty{color:#71717a;padding:60px 24px;text-align:center}.orders-empty h3{color:#fafafa;font-size:18px;margin:12px 0 8px}.panel-card{background:#18181b99;border:1px solid #3f3f464d;border-radius:20px;margin-bottom:24px;overflow:hidden}.panel-card-header{background:linear-gradient(135deg,#6366f114,#8b5cf614);border-bottom:1px solid #3f3f464d;padding:20px 28px}.panel-card-header h2{color:#fafafa;font-size:18px;font-weight:700;margin:0}.panel-card-body{padding:28px}.demo-chat-container{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;height:100vh}.chat-header{background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a;padding:15px 20px}.header-content{display:flex;flex-direction:column}.chat-header h2{color:#333;font-size:16px;font-weight:500;margin:0}.status-text{color:#999;font-size:12px;margin:2px 0 0}.header-icons{cursor:pointer;display:flex;font-size:20px;gap:15px}.chat-body{background:linear-gradient(180deg,#f0f2f5,#e8eaef);display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:15px 20px}.message-wrapper{animation:slideIn .3s ease-out;display:flex;margin-bottom:8px}.message-wrapper.user{justify-content:flex-end}.message-wrapper.bot{justify-content:flex-start}.message{word-wrap:break-word;border-radius:18px;display:flex;flex-direction:column;max-width:70%;padding:10px 12px}.message p{font-size:14px;line-height:1.4;margin:0}.message.user{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-right-radius:4px;color:#fff}.message.bot{background:#fff;border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000001a;color:#333}.message-footer{align-items:center;display:flex;font-size:12px;gap:4px;justify-content:flex-end;margin-top:4px}.message.user .message-footer{color:#fffc}.message.bot .message-footer{color:#999}.timestamp{font-size:11px}.message-status{display:inline-block;font-size:12px;font-weight:700;margin-left:4px}.message-status.read{color:#31a24c}.chat-footer{background:#fff;border-top:1px solid #e0e0e0;padding:10px 20px 20px}.input-area{align-items:center;display:flex;gap:10px}.icon-btn{background:none;border:none;border-radius:50%;cursor:pointer;font-size:20px;padding:5px;transition:background-color .2s}.icon-btn:hover{background-color:#f0f0f0}.message-input{border:1px solid #ddd;border-radius:21px;flex:1 1;font-family:inherit;font-size:14px;outline:none;padding:10px 15px;transition:border-color .2s}.message-input:focus{border-color:#667eea}.message-input::placeholder{color:#999}.send-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;padding:8px 12px;transition:transform .2s;width:36px}.send-btn:hover{transform:scale(1.05)}.send-btn:active{transform:scale(.95)}.chat-body::-webkit-scrollbar{width:6px}.chat-body::-webkit-scrollbar-track{background:#0000}.chat-body::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.chat-body::-webkit-scrollbar-thumb:hover{background:#0000004d}@media (max-width:768px){.message{max-width:85%}}@media (max-width:480px){.message{max-width:95%}.chat-header h2{font-size:14px}.message p{font-size:13px}}body:not(.dark-theme) .chat-header{background:#fff!important;border-bottom:1px solid #e5e7ebcc!important}body:not(.dark-theme) .chat-header h2{color:#111827!important}body:not(.dark-theme) .status-text{color:#6b7280!important}body:not(.dark-theme) .chat-body{background:#f3f4f6!important}body:not(.dark-theme) .message.user p{color:#fff!important}body:not(.dark-theme) .message.user .message-status,body:not(.dark-theme) .message.user .timestamp{color:#ffffffe6!important}body:not(.dark-theme) .message.user .message-status.read{color:#34d399!important}body:not(.dark-theme) .message.bot{background:#fff!important;box-shadow:0 1px 3px #00000014!important}body:not(.dark-theme) .message.bot p{color:#1f2937!important}body:not(.dark-theme) .message.bot .timestamp{color:#9ca3af!important}body:not(.dark-theme) .chat-footer{background:#fff!important;border-top:1px solid #e5e7ebcc!important}body:not(.dark-theme) .message-input{background:#f9fafb!important;border:1px solid #e5e7eb!important;color:#1f2937!important}body:not(.dark-theme) .message-input:focus{background:#fff!important;border-color:#6366f1!important}body:not(.dark-theme) .icon-btn{color:#4b5563!important}body:not(.dark-theme) .icon-btn:hover{background-color:#f3f4f6!important}.login-page{background:var(--bg-base);display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-brand-panel{background:linear-gradient(145deg,#0f0f12,#1a1a2e 50%,#16213e);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:64px;position:relative}.login-brand-panel:before{background:radial-gradient(circle,#6366f140 0,#0000 70%);content:"";height:500px;pointer-events:none;position:absolute;right:-10%;top:-20%;width:500px}.login-brand-panel:after{background:radial-gradient(circle,#10b98126 0,#0000 70%);bottom:-10%;content:"";height:400px;left:-10%;pointer-events:none;position:absolute;width:400px}.login-back-btn{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#18181b99;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;left:24px;padding:10px 18px;position:absolute;top:24px;transition:all .2s ease;z-index:2}.login-back-btn:hover{background:#27272acc;color:var(--text-primary);transform:translateX(-2px)}.login-brand-content{max-width:480px;position:relative;z-index:1}.login-brand-logo{align-items:center;display:flex;gap:14px;margin-bottom:40px}.login-brand-logo svg{color:var(--success);filter:drop-shadow(0 0 12px rgba(16,185,129,.5));font-size:40px}.login-brand-logo span{font-size:24px;font-weight:800;letter-spacing:-.5px}.login-brand-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;background-clip:text;font-size:42px;font-weight:800;letter-spacing:-1.5px;line-height:1.15;margin-bottom:20px}.login-brand-desc{color:var(--text-secondary);font-size:16px;line-height:1.7;margin-bottom:40px}.login-brand-features{display:flex;flex-direction:column;gap:16px}.login-brand-feature{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:12px}.login-brand-feature svg{color:var(--success);flex-shrink:0;font-size:16px}.login-form-panel{align-items:center;background:var(--bg-base);display:flex;justify-content:center;padding:48px 32px}.login-card{max-width:420px;width:100%}.login-card-header{margin-bottom:36px}.login-card-header h1{font-size:28px;font-weight:800;letter-spacing:-.5px;margin-bottom:8px}.login-card-header p{color:var(--text-muted);font-size:15px}.login-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--radius-md);color:#fca5a5;font-size:14px;margin-bottom:24px;padding:14px 16px}.login-field{margin-bottom:22px}.login-field label{color:var(--text-secondary);display:block;font-size:13px;font-weight:600;margin-bottom:8px}.login-field input{background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:15px;padding:14px 16px;transition:border-color .2s,box-shadow .2s,background .2s;width:100%}.login-field input:focus{background:#27272ae6;border-color:var(--accent);box-shadow:0 0 0 3px #6366f133}.login-submit{background:linear-gradient(135deg,var(--accent) 0,var(--accent-secondary) 100%);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-glow);color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:8px;padding:14px 24px;transition:transform .2s,box-shadow .2s,opacity .2s;width:100%}.login-submit:hover:not(:disabled){box-shadow:0 8px 24px #6366f180;transform:translateY(-2px)}.login-submit:disabled{cursor:not-allowed;opacity:.6}.login-demo-hint{background:#6366f114;border:1px solid #6366f133;border-radius:var(--radius-md);color:var(--text-secondary);font-size:13px;line-height:1.6;margin-top:28px;padding:16px}.login-demo-hint strong{color:var(--text-primary)}@media (max-width:900px){.login-page{grid-template-columns:1fr}.login-brand-panel{display:none}.login-form-panel{min-height:100vh;position:relative}.login-mobile-back{left:20px;position:absolute;top:20px}}.login-forgot-wrapper{display:flex;justify-content:flex-end;margin-top:8px}.login-forgot-link{background:none;border:none;color:var(--accent);cursor:pointer;font-size:13px;font-weight:600;padding:0;transition:color .2s ease}.login-forgot-link:hover{color:var(--accent-secondary);text-decoration:underline}.landing-page{background:linear-gradient(180deg,#14532d2e,#09090b00 340px),#09090b;color:#fafafa;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;overflow-x:hidden}.landing-page button{font-family:inherit}.landing-nav{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#09090bd1;border-bottom:1px solid #3f3f468c;position:-webkit-sticky;position:sticky;top:0;z-index:100}.landing-nav-inner{align-items:center;display:flex;gap:28px;margin:0 auto;max-width:1180px;min-height:72px;padding:0 28px}.landing-link-button,.landing-logo,.landing-nav-links button{background:#0000;border:0;color:inherit;cursor:pointer}.landing-logo{align-items:center;color:#f4f4f5;display:inline-flex;font-size:17px;font-weight:800;gap:10px;white-space:nowrap}.landing-logo svg{color:#22c55e;font-size:27px}.landing-nav-links{display:flex;flex:1 1;gap:8px;justify-content:center}.landing-link-button,.landing-nav-links button{color:#a1a1aa;font-size:14px;font-weight:600;padding:10px 12px;transition:color .2s ease,background .2s ease}.landing-nav-links button{position:relative}.landing-nav-links button:after{background:#22c55e;bottom:4px;content:"";height:2px;left:12px;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .35s cubic-bezier(.16,1,.3,1);width:calc(100% - 24px)}.landing-nav-links button:hover:after{transform:scaleX(1);transform-origin:left}.landing-link-button:hover,.landing-nav-links button:hover{color:#fafafa}.landing-nav-actions{align-items:center;display:flex;gap:10px}.landing-primary-button,.landing-secondary-button{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:800;gap:10px;justify-content:center;min-height:48px;padding:0 20px;transition:transform .2s ease,border-color .2s ease,background .2s ease}.landing-primary-button{background:#22c55e;box-shadow:0 18px 44px #22c55e3d;color:#052e16}.landing-footer .footer-cta-btn:hover,.landing-primary-button:hover,.landing-secondary-button:hover,.pricing-card button:hover{transform:translateY(-2px)}.landing-primary-button.small{min-height:40px;padding:0 16px}.landing-secondary-button{background:#27272acc;border-color:#52525bcc;color:#fafafa}.landing-hero{grid-gap:44px;align-items:center;display:grid;gap:44px;grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr);margin:0 auto;max-width:1180px;min-height:calc(100vh - 128px);padding:74px 28px 54px}.landing-kicker,.platform-copy span,.section-heading span{align-items:center;color:#86efac;display:inline-flex;font-size:12px;font-weight:800;gap:8px;letter-spacing:0;text-transform:uppercase}.landing-hero h1{-webkit-text-fill-color:#0000;animation:shineText 6s linear infinite,fadeInUpSlight .8s cubic-bezier(.16,1,.3,1) forwards;animation-delay:0s,.25s;background:linear-gradient(135deg,#fff,#22c55e 50%,#10b981);-webkit-background-clip:text;background-size:200% auto;font-size:48px;font-weight:900;letter-spacing:-.02em;line-height:1.15;margin:18px 0;max-width:620px}.landing-hero-lede{color:#d4d4d8;font-size:19px;line-height:1.65;max-width:620px}.landing-hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.landing-proof-row{background:#18181b94;border:1px solid #3f3f46a6;border-radius:8px;display:grid;grid-template-columns:repeat(3,1fr);margin-top:46px;max-width:620px;width:100%}.landing-proof-item{border-right:1px solid #3f3f46a6;display:flex;flex-direction:column;gap:4px;padding:18px}.landing-proof-item:last-child{border-right:0}.landing-proof-item strong{color:#f4f4f5;font-size:28px;line-height:1}.landing-proof-item span{color:#a1a1aa;font-size:13px}.product-preview{background:#121214e6;border:1px solid #52525bb3;border-radius:8px;box-shadow:0 32px 88px #0000008c;overflow:hidden;width:100%}.preview-toolbar{align-items:center;border-bottom:1px solid #3f3f46b3;display:flex;gap:18px;justify-content:space-between;min-height:76px;padding:18px 20px}.preview-toolbar div{display:flex;flex-direction:column;gap:3px}.preview-label{color:#71717a;font-weight:800}.preview-toolbar strong{font-size:17px}.preview-status{background:#22c55e1f;border:1px solid #22c55e47;border-radius:999px;color:#86efac;font-size:12px;font-weight:800;padding:7px 10px;white-space:nowrap}.preview-grid{display:grid;grid-template-columns:168px 1fr;grid-template-rows:1fr auto;min-height:440px}.preview-sidebar{background:#18181ba6;border-right:1px solid #3f3f46b3;display:flex;flex-direction:column;gap:8px;grid-row:1/3;padding:16px}.preview-tab{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:#a1a1aa;display:flex;font-size:13px;font-weight:700;gap:9px;min-height:42px;padding:0 11px}.preview-tab span{color:#71717a;margin-left:auto}.preview-tab.active{background:#22c55e1f;border-color:#22c55e47;color:#ecfdf5}.preview-tab.alert{color:#fca5a5}.preview-conversation{display:flex;flex-direction:column;gap:16px;padding:24px}.preview-message{border:1px solid #3f3f46a6;border-radius:8px;color:#e4e4e7;font-size:14px;line-height:1.55;max-width:410px;padding:16px}.preview-message span{color:#71717a;display:block;font-size:11px;font-weight:800;margin-bottom:6px;text-transform:uppercase}.preview-message.customer{background:#27272ac2}.preview-message.bot{background:#14532d73;border-color:#22c55e3d;margin-left:auto}.preview-message.note{align-items:center;background:#0ea5e91a;border-color:#0ea5e93d;color:#bae6fd;display:inline-flex;gap:8px;width:-webkit-fit-content;width:fit-content}.preview-insights{grid-gap:12px;border-top:1px solid #3f3f46b3;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);padding:16px 24px}.preview-insights div{background:#27272a80;border:1px solid #3f3f4694;border-radius:8px;min-height:72px;padding:12px}.preview-insights span{color:#a1a1aa;display:block;font-size:12px;margin-bottom:5px}.preview-insights strong{color:#fafafa;font-size:24px}.landing-footer,.landing-section,.platform-section,.security-band{margin:0 auto;max-width:1180px;padding-left:28px;padding-right:28px}.landing-section{padding-bottom:96px;padding-top:96px}.section-heading{margin-bottom:34px;max-width:720px}.platform-copy h2,.section-heading h2{color:#fafafa;font-size:38px;font-weight:900;letter-spacing:0;line-height:1.16;margin:12px 0}.platform-copy p,.section-heading p{color:#a1a1aa;font-size:16px;line-height:1.7}.pricing-grid,.workflow-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.pricing-card,.workflow-card{background:#18181bad;border:1px solid #3f3f46b3;border-radius:8px}.workflow-card{min-height:250px;padding:22px}.workflow-icon{align-items:center;background:#22c55e1f;border-radius:8px;color:#86efac;display:flex;font-size:18px;height:42px;justify-content:center;margin-bottom:26px;width:42px}.pricing-card h3,.workflow-card h3{color:#f4f4f5;font-size:17px;line-height:1.35;margin:0 0 10px}.pricing-card p,.workflow-card p{color:#a1a1aa;font-size:14px;line-height:1.65}.platform-section{grid-gap:46px;align-items:center;border-bottom:1px solid #3f3f4699;border-top:1px solid #3f3f4699;display:grid;gap:46px;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);padding-bottom:78px;padding-top:78px}.platform-copy .landing-secondary-button{margin-top:24px}.platform-list{grid-gap:10px;display:grid;gap:10px}.platform-list-item{align-items:center;background:#18181b9e;border:1px solid #3f3f46a6;border-radius:8px;color:#d4d4d8;display:flex;font-size:14px;font-weight:600;gap:12px;min-height:54px;padding:14px 16px}.platform-list-item svg,.pricing-card li svg{color:#22c55e;flex-shrink:0}.security-band{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);padding-bottom:40px;padding-top:40px}.security-item{background:#0c4a6e1f;border:1px solid #3f3f46a6;border-radius:8px;display:flex;gap:14px;padding:18px}.security-item>svg{color:#38bdf8;flex-shrink:0;margin-top:3px}.security-item span,.security-item strong{display:block}.security-item strong{color:#f4f4f5;font-size:14px;margin-bottom:5px}.security-item span{color:#a1a1aa;font-size:13px;line-height:1.55}.pricing-section{padding-top:78px}.pricing-grid{align-items:stretch;grid-template-columns:repeat(3,1fr)}.pricing-card{display:flex;flex-direction:column;padding:26px;position:relative}.pricing-card.featured{background:#14532d38;border-color:#22c55e8c}.pricing-tag{background:#22c55e24;border-radius:999px;color:#86efac;font-size:12px;font-weight:800;margin-bottom:16px;padding:6px 9px;width:-webkit-fit-content;width:fit-content}.price{color:#fafafa;font-size:40px;font-weight:900;line-height:1;margin:18px 0 8px}.price span{color:#71717a;font-size:14px;font-weight:700}.pricing-card ul{grid-gap:12px;border-top:1px solid #3f3f46a6;display:grid;gap:12px;list-style:none;margin:22px 0 24px;padding:22px 0 0}.pricing-card li{align-items:center;color:#d4d4d8;display:flex;font-size:14px;gap:10px}.landing-footer .footer-cta-btn,.pricing-card button{background:#27272ad1;border:1px solid #52525bc7;border-radius:8px;color:#fafafa;cursor:pointer;font-size:14px;font-weight:800;margin-top:auto;min-height:44px;transition:transform .2s ease,background .2s ease}.landing-footer .footer-cta-btn,.pricing-card.featured button{background:#22c55e;border-color:#22c55e;color:#052e16}.landing-footer{grid-gap:40px;align-items:start;border-top:1px solid #3f3f46a6;display:grid;gap:40px;grid-template-columns:1.2fr 2fr 1.2fr;padding-bottom:60px;padding-top:60px}.footer-brand-container{display:flex;flex-direction:column;gap:16px;text-align:left}.footer-brand-container p{color:#71717a;font-size:13px;line-height:1.5;margin:0}.footer-links-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.footer-links-col{display:flex;flex-direction:column;gap:12px;text-align:left}.footer-links-col h4{color:#fff;font-size:12px;font-weight:800;letter-spacing:.5px;margin:0 0 4px;text-transform:uppercase}.footer-brand img{transition:transform .3s ease}.footer-brand:hover img{transform:rotate(15deg) scale(1.1)}.footer-brand span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff 40%,#22c55e);-webkit-background-clip:text}.footer-socials{display:flex;gap:12px;margin-top:16px}.footer-socials a{align-items:center;background:#ffffff0d;border-radius:50%;color:#a1a1aa;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:32px}.footer-socials a:hover{background:#22c55e;box-shadow:0 4px 12px #22c55e4d;color:#052e16;transform:translateY(-3px) scale(1.05)}.footer-links-col button{align-items:center;background:#0000;border:0;color:#a1a1aa;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;padding:2px 0;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);width:-webkit-fit-content;width:fit-content}.footer-links-col button:after{background:#22c55e;bottom:0;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-links-col button:hover{color:#22c55e;padding-left:6px}.footer-links-col button:hover:after{width:100%}.footer-links-col a{transition:all .3s cubic-bezier(.4,0,.2,1)}.footer-links-col a:hover{color:#22c55e!important;transform:translateX(6px)}.footer-cta-container{display:flex;justify-content:flex-end}.footer-cta-btn{align-items:center;background:#22c55e;border:1px solid #22c55e;border-radius:8px;color:#052e16;cursor:pointer;display:inline-flex;font-size:14px;font-weight:800;gap:8px;justify-content:center;min-height:44px;padding:0 20px;transition:transform .2s ease}.footer-cta-btn:hover{transform:translateY(-2px)}.how-it-works-section{margin:0 auto;max-width:1180px;padding:80px 28px}.centered{margin-bottom:50px;margin-left:auto;margin-right:auto;max-width:700px;text-align:center}.stepper-grid{grid-gap:48px;align-items:stretch;display:grid;gap:48px;grid-template-columns:1fr 1.1fr}.stepper-nav{display:flex;flex-direction:column;gap:16px}.stepper-nav-item{background:#18181b66;border:1px solid #3f3f46a6;border-radius:12px;color:inherit;cursor:pointer;display:flex;gap:20px;padding:20px;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.stepper-nav-item:hover{background:#27272a80;border-color:#22c55e4d}.stepper-nav-item.active{background:#14532d26;border-color:#22c55e;box-shadow:0 4px 20px #22c55e1a}.step-number{align-items:center;background:#27272acc;border:1px solid #52525b99;border-radius:50%;color:#a1a1aa;display:flex;flex-shrink:0;font-size:16px;font-weight:800;height:44px;justify-content:center;transition:all .3s ease;width:44px}.stepper-nav-item.active .step-number{background:#22c55e;border-color:#22c55e;box-shadow:0 0 15px #22c55e66;color:#052e16}.step-content{display:flex;flex-direction:column;gap:4px}.step-badge{color:#22c55e;font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.stepper-nav-item h3{color:#fff;font-size:18px;font-weight:800;margin:0}.stepper-nav-item p{color:#a1a1aa;font-size:13px;line-height:1.5;margin:0}.stepper-visual{display:flex}.stepper-visual-inner{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#121214d9;border:1px solid #3f3f46b3;border-radius:16px;box-shadow:0 24px 60px #00000080;display:flex;flex:1 1;justify-content:center;min-height:400px;padding:36px}.visual-panel{align-items:center;animation:fadeInStep .4s ease-out forwards;display:flex;flex-direction:column;text-align:center;width:100%}@keyframes fadeInStep{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.visual-panel h4{color:#fff;font-size:20px;font-weight:800;margin:24px 0 8px}.visual-panel p{color:#a1a1aa;font-size:14px;line-height:1.6;margin:0;max-width:380px}.qr-container{flex-direction:column;gap:16px}.qr-container,.qr-scanner-mock{align-items:center;display:flex}.qr-scanner-mock{background:#fff;border-radius:12px;box-shadow:0 12px 30px #0000004d;height:180px;justify-content:center;width:180px}.qr-whatsapp-icon{background:#fff;border-radius:50%;color:#22c55e;font-size:44px;padding:6px;position:absolute;z-index:2}.qr-pattern-mock{align-items:center;border:4px dashed #a1a1aa;border-radius:8px;display:flex;height:140px;justify-content:center;width:140px}.qr-dots{background-image:radial-gradient(#27272a 20%,#0000 0);background-size:10px 10px;height:100%;opacity:.6;width:100%}.qr-status-indicator{align-items:center;background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:99px;color:#fbbf24;display:inline-flex;font-size:12px;font-weight:700;gap:8px;padding:6px 12px}.status-dot{background:#fbbf24;border-radius:50%;height:8px;width:8px}.status-dot.pulsing{animation:qrPulse 1.5s ease-in-out infinite}@keyframes qrPulse{0%{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}to{opacity:.6;transform:scale(.9)}}.doc-list-mock{display:flex;flex-direction:column;gap:10px;max-width:360px;width:100%}.doc-row-mock{align-items:center;background:#27272a99;border:1px solid #3f3f4699;border-radius:8px;display:flex;gap:12px;padding:12px;text-align:left}.doc-icon-mock{color:#a1a1aa;flex-shrink:0;font-size:20px}.doc-row-mock div{display:flex;flex:1 1;flex-direction:column;gap:2px}.doc-row-mock strong{color:#fafafa;font-size:13px}.doc-row-mock span{color:#71717a;font-size:11px}.doc-badge-mock{background:#10b98126;border:1px solid #10b9814d;border-radius:4px;color:#34d399;font-size:10px;font-weight:800;padding:4px 8px;text-transform:uppercase}.whatsapp-chat-mock{background:#18181b;border:1px solid #3f3f46cc;border-radius:12px;box-shadow:0 10px 25px #0006;display:flex;flex-direction:column;max-width:360px;overflow:hidden;width:100%}.chat-header-mock{align-items:center;background:#09090b;border-bottom:1px solid #3f3f4699;color:#f4f4f5;display:flex;font-size:13px;font-weight:700;gap:8px;padding:12px 16px;text-align:left}.chat-header-mock svg{color:#22c55e;font-size:18px}.chat-body-mock{display:flex;flex-direction:column;gap:12px;padding:16px}.bubble-mock{border-radius:10px;font-size:12px;line-height:1.45;max-width:80%;padding:10px 12px;text-align:left}.bubble-mock.user{align-self:flex-end;background:#166534;border-bottom-right-radius:2px;color:#f0fdf4}.bubble-mock.bot{align-self:flex-start;background:#27272ae6;border:1px solid #3f3f4699;border-bottom-left-radius:2px;color:#e4e4e7}.bubble-mock.bot.agent{background:#0ea5e926;border-color:#0ea5e94d;color:#bae6fd}.bubble-system-mock{align-self:center;background:#22c55e1a;border:1px solid #22c55e33;border-radius:6px;color:#86efac;font-size:10px;font-weight:700;padding:4px 10px}.bubble-system-mock.warning{background:#ef44441a;border-color:#ef444433;color:#f87171}@media (max-width:1040px){.landing-hero,.platform-section{grid-template-columns:1fr}.landing-hero{min-height:auto}.security-band,.workflow-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.landing-nav-inner{flex-wrap:wrap;gap:12px;min-height:auto;padding:14px 18px}.landing-nav-links{display:none}.landing-nav-actions{margin-left:auto}.landing-link-button{display:none}.faq-accordion-container-wrapper,.landing-footer,.landing-hero,.landing-section,.partner-badges-container,.platform-section,.security-band,.testimonials-container{padding-left:18px;padding-right:18px}.landing-hero{gap:34px;padding-bottom:34px;padding-top:34px}.landing-hero h1{font-size:36px;line-height:1.2}.landing-hero-lede{font-size:16px}.landing-hero-actions,.landing-primary-button,.landing-secondary-button{width:100%}.landing-proof-row{grid-template-columns:1fr;margin-top:28px}.landing-proof-item{border-bottom:1px solid #3f3f46a6;border-right:0}.landing-proof-item:last-child{border-bottom:0}.preview-grid{grid-template-columns:1fr;min-height:auto}.preview-sidebar{-webkit-overflow-scrolling:touch;border-bottom:1px solid #3f3f46b3;border-right:0;flex-direction:row;gap:6px;grid-row:auto;overflow-x:auto;padding:8px 12px;white-space:nowrap}.preview-tab{flex:0 0 auto;font-size:12px;gap:6px;min-height:36px;padding:0 10px}.preview-tab span{display:none}.preview-conversation{min-height:240px;padding:16px}.preview-message{font-size:13px;max-width:90%;padding:10px 14px}.preview-insights{display:none}.security-band,.workflow-grid{grid-template-columns:1fr}.pricing-grid{grid-gap:20px!important;display:grid!important;gap:20px!important;grid-template-columns:1fr!important;margin-left:0!important;margin-right:0!important;padding:0!important}.pricing-card,.pricing-grid{box-sizing:border-box!important;width:100%!important}.pricing-card{max-width:100%!important;padding:20px!important}.pricing-card ul{gap:8px!important;margin:12px 0 16px!important;padding:12px 0 0!important}.pricing-card ul li{font-size:13px!important}.price{font-size:32px!important;margin:10px 0 6px!important}.platform-copy h2,.section-heading h2{font-size:30px}.landing-footer{align-items:flex-start;gap:30px;grid-template-columns:1fr}.footer-links-grid{grid-template-columns:repeat(2,1fr)}.landing-footer .footer-cta-btn{width:100%}.partners-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);justify-items:center;width:100%}.partner-logo-item{background:#27272a40;border:1px solid #3f3f464d;border-radius:10px;box-sizing:border-box;gap:8px;justify-content:flex-start;max-width:165px;padding:6px 10px;width:100%}.partner-logo-item.whatsapp{grid-column:span 2;justify-content:center;max-width:346px}.partner-icon-wrap{border-radius:8px!important;height:32px!important;width:32px!important}.partner-icon-wrap svg{height:16px!important;width:16px!important}.partner-name{font-size:13px!important}.partner-sub{font-size:9.5px!important}.stepper-grid{gap:28px;grid-template-columns:1fr}.stepper-nav{flex-direction:column;gap:12px;width:100%}.stepper-nav-item{gap:14px;padding:16px}.stepper-nav-item h3{font-size:16px}.step-number{font-size:14px;height:38px;width:38px}.stepper-visual{margin-top:8px;width:100%}.stepper-visual-inner{min-height:auto;padding:24px 16px}}.preview-tab{cursor:pointer;transition:all .2s ease}.preview-tab:hover{background:#ffffff0d}.scrollable-preview{display:flex;flex-direction:column;gap:12px;justify-content:flex-start!important;max-height:350px;overflow-y:auto}.mock-order-row{align-items:center;background:#27272a99;border:1px solid #3f3f4699;border-radius:8px;display:flex;justify-content:space-between;padding:14px;text-align:left}.mock-order-row div{display:flex;flex-direction:column;gap:4px}.mock-order-row strong{color:#fafafa;font-size:14px}.mock-order-row span{color:#a1a1aa;font-size:12px}.mock-badge{border-radius:999px;font-size:11px;font-weight:800;padding:4px 8px;text-transform:uppercase}.mock-badge.success{background:#10b98126;border:1px solid #10b9814d;color:#34d399}.mock-badge.info{background:#3b82f626;border:1px solid #3b82f64d;color:#60a5fa}.mock-badge.warning{background:#f59e0b26;border:1px solid #f59e0b4d;color:#fbbf24}.mock-badge.urgent{background:#ef444426;border:1px solid #ef44444d;color:#f87171}.mock-escalation-alert{background:#ef44440d;border:1px solid #ef444433;border-radius:8px;padding:16px}.preview-btn-success{background:#10b981;border:none;border-radius:6px;color:#022c22;cursor:pointer;font-size:12px;font-weight:700;padding:8px 14px;transition:transform .2s ease}.preview-btn-success:hover{transform:translateY(-1px)}.preview-btn-secondary{background:#3f3f4699;border:1px solid #52525b99;border-radius:6px;color:#fafafa;cursor:pointer;font-size:12px;font-weight:700;padding:8px 14px;transition:transform .2s ease}.preview-btn-secondary:hover{transform:translateY(-1px)}.grid-analytics{grid-gap:12px;display:grid!important;gap:12px;grid-template-columns:1fr;justify-content:flex-start!important}.analytics-preview-card{background:#27272a80;border:1px solid #3f3f4680;border-radius:8px;padding:14px;text-align:left}.analytics-preview-card span{color:#a1a1aa;display:block;font-size:12px}.analytics-preview-card strong{color:#fafafa;display:block;font-size:22px;margin:4px 0}.percent-up{color:#34d399!important;font-size:11px!important}.percent-down{color:#60a5fa!important;font-size:11px!important}.floating-chat-widget{bottom:24px;font-family:inherit;position:fixed;right:24px;z-index:1000}.chat-trigger-button{align-items:center;background:#22c55e;border:none;border-radius:50%;box-shadow:0 12px 36px #22c55e66;color:#052e16;cursor:pointer;display:flex;font-size:28px;height:60px;justify-content:center;position:relative;transition:transform .2s ease,background .2s ease;width:60px}.chat-trigger-button:hover{background:#16a34a;transform:scale(1.08)}.pulse-notification{align-items:center;animation:pulse 2s infinite;background:#ef4444;border:2px solid #09090b;border-radius:50%;color:#fff;display:flex;font-size:11px;font-weight:800;height:20px;justify-content:center;position:absolute;right:-2px;top:-2px;width:20px}.widget-chat-window{animation:slideUp .3s ease-out;background:#18181b;border:1px solid #3f3f46b3;border-radius:16px;box-shadow:0 24px 64px #000000a6;display:flex;flex-direction:column;height:500px;overflow:hidden;width:360px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.widget-chat-header{align-items:center;background:#09090b;border-bottom:1px solid #3f3f4699;display:flex;gap:12px;padding:16px}.widget-chat-icon{color:#22c55e;font-size:26px}.widget-chat-header h4{color:#fafafa;font-size:14px;font-weight:700;margin:0}.widget-chat-header span{color:#a1a1aa;font-size:11px}.widget-chat-close-btn{background:#0000;border:none;color:#71717a;cursor:pointer;font-size:22px;margin-left:auto}.widget-chat-close-btn:hover{color:#fafafa}.widget-chat-messages{background:linear-gradient(180deg,#14532d0d,#0000),#18181b;display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.widget-chat-bubble{border-radius:12px;font-size:13px;line-height:1.5;max-width:80%;padding:10px 14px}.widget-chat-bubble.assistant{align-self:flex-start;background:#27272ae6;border:1px solid #3f3f4680;border-bottom-left-radius:2px;color:#e4e4e7}.widget-chat-bubble.user{align-self:flex-end;background:#166534;border-bottom-right-radius:2px;color:#f0fdf4}.widget-chat-input{background:#09090b;border-top:1px solid #3f3f4699;display:flex;gap:8px;padding:12px}.widget-chat-input input{background:#27272a99;border:1px solid #3f3f4680;border-radius:8px;color:#fafafa;flex:1 1;font-size:13px;outline:none;padding:8px 12px}.widget-chat-input input::placeholder{color:#71717a}.widget-chat-input button{align-items:center;background:#22c55e;border:none;border-radius:8px;color:#052e16;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background .2s ease;width:36px}.widget-chat-input button:hover{background:#16a34a}.partner-badges-section{background:#09090b66;border-bottom:1px solid #3f3f4666;border-top:1px solid #3f3f4666;padding:40px 0}.partner-badges-container{align-items:center;display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1180px;padding:0 28px}.partner-badges-title{color:#71717a;font-size:13px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.partners-grid{align-items:center;display:flex;flex-wrap:wrap;gap:32px;justify-content:center}.partner-logo-item{align-items:center;cursor:default;display:flex;gap:12px;opacity:.65;transition:opacity .25s ease,transform .25s ease}.partner-logo-item:hover{opacity:1;transform:translateY(-2px)}.partner-logo-item svg{filter:grayscale(20%);flex-shrink:0;transition:filter .25s ease}.partner-logo-item:hover svg{filter:grayscale(0)}.partner-label{display:flex;flex-direction:column;gap:2px}.partner-name{color:#e4e4e7;font-size:15px;font-weight:700;line-height:1}.partner-sub{color:#71717a;font-size:11px;font-weight:500;letter-spacing:.03em;line-height:1}.partner-logo-item.whatsapp:hover .partner-name{color:#25d366}.partner-logo-item.meta:hover .partner-name{color:#0081fb}.partner-logo-item.shopify:hover .partner-name{color:#95bf47}.partner-logo-item.woocommerce:hover .partner-name{color:#7f54b3}.partner-logo-item.openai:hover .partner-name{color:#10a37f}.partner-icon-wrap{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:transform .25s ease,box-shadow .25s ease;width:44px}.partner-logo-item:hover .partner-icon-wrap{box-shadow:0 6px 20px #0000004d;transform:scale(1.08)}.partner-icon-wrap img{display:block}.whatsapp-bg{background:#25d366}.meta-bg{background:linear-gradient(135deg,#0081fb,#00c6ff)}.shopify-bg{background:#95bf47}.woo-bg{background:#7f54b3}.openai-bg{background:#10a37f}.partner-logo-item{transform:translateY(10px);transition:opacity .5s ease,transform .5s ease}.animate-on-scroll.in-view .partner-logo-item{opacity:.65;transform:translateY(0)}.animate-on-scroll.in-view .partner-logo-item:first-child{transition-delay:.08s}.animate-on-scroll.in-view .partner-logo-item:nth-child(2){transition-delay:.18s}.animate-on-scroll.in-view .partner-logo-item:nth-child(3){transition-delay:.28s}.animate-on-scroll.in-view .partner-logo-item:nth-child(4){transition-delay:.38s}.animate-on-scroll.in-view .partner-logo-item:nth-child(5){transition-delay:.48s}.testimonials-section{background:#09090b33}.testimonials-container{margin:0 auto;max-width:1180px;padding:80px 28px}.testimonials-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:40px}.testimonial-card{background:#18181b99;border:1px solid #3f3f4680;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;padding:24px;text-align:left;transition:transform .2s ease,border-color .2s ease}.testimonial-card:hover{border-color:#22c55e66;transform:translateY(-2px)}.testimonial-quote{color:#d4d4d8;font-size:14px;font-style:italic;line-height:1.6;margin-bottom:20px}.testimonial-author{align-items:center;display:flex;gap:12px}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#22c55e,#15803d);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:40px;justify-content:center;width:40px}.author-meta h4{color:#fafafa;font-size:14px;font-weight:600;margin:0}.author-meta p{color:#71717a;font-size:12px;margin:2px 0 0}.faq-accordion-section{background:#09090b66;border-top:1px solid #3f3f4666}.faq-accordion-container-wrapper{margin:0 auto;max-width:1180px;padding:80px 28px}.faq-accordion-container{display:flex;flex-direction:column;gap:16px;margin:40px auto 0;max-width:800px}.faq-accordion-item{background:#18181b80;border:1px solid #3f3f4680;border-radius:10px;overflow:hidden;transition:border-color .2s ease}.faq-accordion-item:hover{border-color:#ffffff26}.faq-question-btn{align-items:center;background:none;border:none;color:#fafafa;cursor:pointer;display:flex;font-size:15px;font-weight:600;justify-content:space-between;outline:none;padding:18px 24px;text-align:left;width:100%}.faq-chevron{color:#71717a;font-size:12px;transition:transform .2s ease}.faq-accordion-item.active .faq-chevron{transform:rotate(180deg)}.faq-answer-panel{color:#a1a1aa;font-size:14px;line-height:1.6;padding:0 24px 20px;text-align:left}@media (max-width:768px){.testimonials-grid{grid-template-columns:1fr}}.landing-page{position:relative}.landing-page:after,.landing-page:before{border-radius:50%;content:"";filter:blur(160px);height:500px;opacity:.15;pointer-events:none;position:absolute;width:500px;z-index:0}.landing-page:before{animation:driftMesh 20s ease-in-out infinite alternate;background:radial-gradient(circle,#22c55e 0,#0000 70%);left:-150px;top:-150px}.landing-page:after{animation:driftMesh 28s ease-in-out infinite alternate-reverse;background:radial-gradient(circle,#10b981 0,#0000 70%);right:-150px;top:800px}@keyframes driftMesh{0%{transform:translate(0) scale(1)}50%{transform:translate(60px,40px) scale(1.2)}to{transform:translate(-30px,-60px) scale(.85)}}.landing-kicker{animation:fadeInUpSlight .8s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.1s;opacity:0}.landing-hero h1{animation:fadeInUpSlight .8s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.25s;opacity:0}.landing-hero-lede{animation:fadeInUpSlight .8s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.4s;opacity:0}.landing-hero-actions{animation:fadeInUpSlight .8s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.55s;opacity:0}.landing-proof-row{animation:fadeInUpSlight .8s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.7s;opacity:0}.product-preview{animation:fadeInUpSlight 1.1s cubic-bezier(.16,1,.3,1) forwards,floatPreview 6s ease-in-out infinite;animation-delay:.6s,1.7s;opacity:0}@keyframes fadeInUpSlight{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes floatPreview{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(.4deg)}to{transform:translateY(0) rotate(0deg)}}.animate-on-scroll{opacity:0;transform:translateY(34px);transition:opacity 1.1s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1)}.animate-on-scroll.in-view{opacity:1;transform:translateY(0)}.animate-on-scroll.in-view .stepper-nav-item{animation:fadeInUpSlight .6s cubic-bezier(.16,1,.3,1) forwards}.animate-on-scroll.in-view .stepper-nav-item:first-child{animation-delay:.1s;opacity:0}.animate-on-scroll.in-view .stepper-nav-item:nth-child(2){animation-delay:.25s;opacity:0}.animate-on-scroll.in-view .stepper-nav-item:nth-child(3){animation-delay:.4s;opacity:0}.animate-on-scroll.in-view .stepper-nav-item:nth-child(4){animation-delay:.55s;opacity:0}.workflow-card{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.animate-on-scroll.in-view .workflow-card{opacity:1;transform:translateY(0)}.animate-on-scroll.in-view .workflow-card:first-child{transition-delay:.1s}.animate-on-scroll.in-view .workflow-card:nth-child(2){transition-delay:.22s}.animate-on-scroll.in-view .workflow-card:nth-child(3){transition-delay:.34s}.animate-on-scroll.in-view .workflow-card:nth-child(4){transition-delay:.46s}.pricing-card{opacity:0;transform:translateY(36px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}.animate-on-scroll.in-view .pricing-card{opacity:1;transform:translateY(0)}.animate-on-scroll.in-view .pricing-card:first-child{transition-delay:.15s}.animate-on-scroll.in-view .pricing-card:nth-child(2){transition-delay:.3s}.animate-on-scroll.in-view .pricing-card:nth-child(3){transition-delay:.45s}.testimonial-card{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.animate-on-scroll.in-view .testimonial-card{opacity:1;transform:translateY(0)}.animate-on-scroll.in-view .testimonial-card:first-child{transition-delay:.1s}.animate-on-scroll.in-view .testimonial-card:nth-child(2){transition-delay:.22s}.animate-on-scroll.in-view .testimonial-card:nth-child(3){transition-delay:.34s}.partner-logo-item{opacity:0;transform:scale(.92);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1),color .2s ease}.animate-on-scroll.in-view .partner-logo-item{opacity:.75;transform:scale(1)}.animate-on-scroll.in-view .partner-logo-item:first-child{transition-delay:.1s}.animate-on-scroll.in-view .partner-logo-item:nth-child(2){transition-delay:.22s}.animate-on-scroll.in-view .partner-logo-item:nth-child(3){transition-delay:.34s}.landing-primary-button{overflow:hidden;position:relative}.landing-primary-button:before{background:linear-gradient(90deg,#fff0 0,#fff3 50%,#fff0);content:"";height:100%;left:-50%;opacity:0;position:absolute;top:0;transform:skewX(-25deg);transition:.75s;width:200%}.landing-primary-button:hover:before{left:125%;opacity:1}.landing-secondary-button{box-shadow:0 0 0 #fff0;transition:box-shadow .25s ease,border-color .25s ease,background-color .25s ease}.landing-secondary-button:hover{background-color:#22c55e0a;border-color:#22c55e80;box-shadow:0 0 16px #22c55e26}.pricing-card{transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.pricing-card:hover{border-color:#22c55e73;box-shadow:0 20px 48px #22c55e14;transform:translateY(-4px)}@keyframes shineText{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.qr-scanner-mock{overflow:hidden;position:relative}.qr-scanner-mock:after{animation:scanLaser 2s ease-in-out infinite;background:#22c55e;border-radius:4px;box-shadow:0 0 8px #22c55e,0 0 16px #22c55e;content:"";height:3px;left:0;opacity:.8;position:absolute;top:0;width:100%}@keyframes scanLaser{0%{top:5%}50%{top:90%}to{top:5%}}.chat-body-mock .bubble-mock{animation:bubbleArrive .4s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateY(12px) scale(.96)}.chat-body-mock .bubble-mock:first-child{animation-delay:.3s}.chat-body-mock .bubble-mock:nth-child(2){animation-delay:1.2s}.chat-body-mock .bubble-mock:nth-child(3){animation-delay:2.1s}.chat-body-mock .bubble-system-mock{animation:bubbleArrive .4s cubic-bezier(.16,1,.3,1) forwards;animation-delay:1.7s;opacity:0}@keyframes bubbleArrive{to{opacity:1;transform:translateY(0) scale(1)}}.doc-list-mock .doc-row-mock{animation:docRowArrive .5s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateX(-15px)}.doc-list-mock .doc-row-mock:first-child{animation-delay:.2s}.doc-list-mock .doc-row-mock:nth-child(2){animation-delay:.45s}.doc-list-mock .doc-row-mock:nth-child(3){animation-delay:.7s}@keyframes docRowArrive{to{opacity:1;transform:translateX(0)}}.stepper-nav-item.active .step-number{animation:stepIndicatorPulse 1.8s ease-in-out infinite}@keyframes stepIndicatorPulse{0%{box-shadow:0 0 0 0 #22c55e80}70%{box-shadow:0 0 0 10px #22c55e00}to{box-shadow:0 0 0 0 #22c55e00}}.workflow-card{transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.workflow-card:hover{border-color:#22c55e73;box-shadow:0 16px 40px #22c55e0f;transform:translateY(-4px)}.workflow-card:hover .workflow-icon{background-color:#22c55e33;box-shadow:0 0 12px #22c55e40;color:#22c55e;transform:rotate(10deg) scale(1.1)}.workflow-icon{transition:transform .4s cubic-bezier(.175,.885,.32,1.275),background-color .3s ease,color .3s ease,box-shadow .3s ease}.promo-banner-bar{background:linear-gradient(90deg,#1e1b4b,#311042 50%,#1e1b4b);border-bottom:1px solid #ec48994d;color:#fff;font-size:13px;padding:10px 36px 10px 16px;position:relative;text-align:center;z-index:101}.promo-banner-bar,.promo-content{align-items:center;display:flex;justify-content:center}.promo-content{flex-wrap:wrap;gap:12px}.promo-badge{background:linear-gradient(135deg,#ec4899,#db2777);border-radius:4px;color:#fff;font-size:10px;font-weight:800;letter-spacing:.05em;padding:2px 8px;text-shadow:0 1px 2px #0003}.promo-text{color:#f3e8ff;font-weight:500}.promo-text strong{background:#f472b626;border:1px solid #f472b640;border-radius:4px;color:#f472b6;font-weight:700;padding:1px 6px}.promo-copy-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;font-size:11px;font-weight:700;padding:4px 10px;transition:all .2s ease;white-space:nowrap}.promo-copy-btn:hover{background:#fff;border-color:#fff;color:#1e1b4b}.promo-close-btn{align-items:center;background:#0000;border:none;color:#fff9;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s ease}.promo-close-btn:hover{color:#fff}.pricing-promo-notice{align-items:center;background:#1e1b4b40;border:1px solid #ec489933;border-radius:12px;box-shadow:0 4px 20px #00000026;color:#d4d4d8;display:flex;font-size:14px;gap:10px;justify-content:center;margin:32px auto 0;max-width:780px;padding:16px 20px;text-align:center;transition:transform .3s ease,border-color .3s ease}.pricing-promo-notice:hover{border-color:#ec489966;transform:translateY(-2px)}.pricing-promo-notice strong{color:#f472b6}.pricing-promo-notice svg{flex-shrink:0;font-size:16px}.preview-live-indicator{align-items:center;animation:fadeIn .3s ease-out;background:#22c55e14;border:1px solid #22c55e33;border-radius:20px;color:#86efac;display:flex;font-size:11px;font-weight:600;gap:8px;letter-spacing:.5px;margin-bottom:16px;padding:6px 12px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.live-dot{background-color:#22c55e;border-radius:50%;box-shadow:0 0 8px #22c55e;height:8px;width:8px}.live-dot.animate-pulse{animation:pulse 1.5s infinite alternate}.reply-speed-tag{background:#22c55e26;border:1px solid #22c55e4d;border-radius:12px;color:#86efac;font-size:10px;font-weight:700;letter-spacing:.3px;padding:2px 8px}.typing-indicator{animation:fadeIn .3s ease-out;border:1px solid #3f3f46a6;border-radius:8px;display:flex;flex-direction:column;margin-bottom:16px;max-width:410px;padding:16px}.typing-indicator.customer{align-self:flex-start;background:#27272ac2}.typing-indicator.bot{align-self:flex-end;background:#14532d73;border-color:#22c55e3d;margin-left:auto}.typing-indicator span{color:#71717a;display:block;font-size:11px;font-weight:800;margin-bottom:8px;text-transform:uppercase}.dot-flashing{animation:dotFlashing 1s linear infinite alternate;animation-delay:.5s;background-color:#22c55e;border-radius:3px;color:#22c55e;display:inline-block;height:6px;margin-left:10px;position:relative;width:6px}.dot-flashing:after,.dot-flashing:before{content:"";display:inline-block;position:absolute;top:0}.dot-flashing:before{animation:dotFlashing 1s linear infinite alternate;animation-delay:0s;left:-10px}.dot-flashing:after,.dot-flashing:before{background-color:#22c55e;border-radius:3px;color:#22c55e;height:6px;width:6px}.dot-flashing:after{animation:dotFlashing 1s linear infinite alternate;animation-delay:1s;left:10px}@keyframes dotFlashing{0%{background-color:#22c55e}50%,to{background-color:#22c55e33}}.fade-in-slide{animation:fadeInSlide .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.journey-nav{display:flex;flex-direction:column;gap:12px}.journey-step-item{text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.journey-status-badge{border-radius:8px;font-size:10px;font-weight:700;letter-spacing:.3px;padding:2px 8px;text-transform:uppercase}.badge-success{background:#22c55e1f;border:1px solid #22c55e33;color:#4ade80}.badge-info{background:#0ea5e91f;border:1px solid #0ea5e933;color:#38bdf8}.badge-ai{background:#8b5cf61f;border:1px solid #8b5cf633;color:#a78bfa}.badge-chat{background:#9ca3af1f;border:1px solid #9ca3af33;color:#d1d5db}.badge-bolt{background:#f59e0b1f;border:1px solid #f59e0b33;color:#fbbf24}.badge-human{background:#ef44441f;border:1px solid #ef444433;color:#fca5a5}.journey-panel,.journey-visualizer{display:flex;flex-direction:column}.journey-panel{padding:24px}.visual-panel-title{border-bottom:1px solid #3f3f4680;color:#fafafa;font-size:16px;font-weight:800;letter-spacing:-.3px;margin-bottom:24px;padding-bottom:12px;text-align:center}.workflow-pipeline{display:flex;flex-direction:column;gap:6px;width:100%}.pipeline-node-v2{align-items:center;background:#18181b80;border:1px solid #3f3f4699;border-radius:12px;display:flex;gap:16px;padding:10px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.pipeline-node-v2.active{background:#27272acc;border-color:#fff3}.pipeline-node-v2.glow{box-shadow:0 0 16px #22c55e26}.pipeline-node-v2.meta-v2.glow{border-color:#0064e080;box-shadow:0 0 16px #0064e033}.pipeline-node-v2.store-v2.glow{border-color:#95c11f80;box-shadow:0 0 16px #95c11f33}.pipeline-node-v2.kb-v2.glow{border-color:#6366f180;box-shadow:0 0 16px #6366f133}.pipeline-node-v2.ai-v2.glow{border-color:#a78bfa80;box-shadow:0 0 16px #a78bfa33}.pipeline-node-v2.chat-v2.glow{border-color:#9ca3af80;box-shadow:0 0 16px #9ca3af33}.pipeline-node-v2.reply-v2.glow{background:#14532d26;border-color:#22c55e80;box-shadow:0 0 20px #22c55e59}.pipeline-node-v2.handoff-v2.glow{background:#ef44440d;border-color:#ef444480;box-shadow:0 0 16px #ef444440}.node-icon-wrapper{align-items:center;background:#ffffff08;border-radius:8px;display:flex;height:36px;justify-content:center;width:36px}.node-icon-v2{color:#a1a1aa;font-size:18px}.pipeline-node-v2.active .node-icon-v2{color:#fafafa}.pipeline-node-v2.meta-v2 .node-icon-v2{color:#0064e0}.text-shopify{color:#95c11f!important}.text-woo{color:#7f54b3!important}.text-kb{color:#38bdf8!important}.text-ai{color:#a78bfa!important}.text-chat{color:#fbbf24!important}.text-reply{color:#4ade80!important}.text-handoff{color:#f87171!important}.node-details{align-items:center;display:flex;flex:1 1;justify-content:space-between}.node-details strong{color:#d4d4d8;font-size:13px;font-weight:700}.pipeline-node-v2.active .node-details strong{color:#fff}.live-status-pill{border-radius:6px;font-size:11px;font-weight:700;padding:2px 8px}.live-status-pill.connected{background:#22c55e1a;color:#4ade80}.live-status-pill.synced{background:#0ea5e91a;color:#38bdf8}.live-status-pill.online{background:#8b5cf61a;color:#a78bfa}.live-status-pill.chat-active{background:#ffffff0d;color:#e4e4e7;font-style:italic;font-weight:500;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-status-pill.reply-sent{background:#22c55e33;border:1px solid #22c55e4d;color:#4ade80}.live-status-pill.handoff-ready{background:#ef444426;border:1px solid #ef444440;color:#fca5a5}.pipeline-connector-v2{align-items:center;display:flex;height:16px;justify-content:center;position:relative;width:100%}.pipeline-connector-v2:before{background:#3f3f4666;bottom:0;content:"";position:absolute;top:0;width:2px}.pipeline-connector-v2.active-pulse:before{background:linear-gradient(180deg,#22c55e,#3f3f4666)}.pipeline-connector-v2.active-pulse .pulse-dot{animation:flowDown 1.2s linear infinite;background:#22c55e;border-radius:50%;box-shadow:0 0 8px #22c55e;height:6px;position:absolute;width:6px}@keyframes flowDown{0%{opacity:0;transform:translateY(-8px)}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:translateY(8px)}}.journey-trust-badges{align-items:center;border-top:1px solid #3f3f4666;display:flex;gap:32px;justify-content:center;margin-top:48px;padding-top:24px}.trust-badge{align-items:center;color:#a1a1aa;display:flex;font-size:14px;font-weight:700;gap:10px}.badge-check-icon{color:#22c55e;flex-shrink:0;font-size:14px}@media (max-width:768px){.journey-trust-badges{align-items:flex-start;flex-direction:column;gap:16px;padding-left:20px}}.early-access-card-wrapper{margin:40px auto 0;max-width:780px;width:100%}.early-access-card{background:linear-gradient(135deg,#18181be6,#14532d26);border:1px solid #22c55e59;border-radius:16px;box-shadow:0 16px 40px #0006;overflow:hidden;padding:36px;position:relative;text-align:left;transition:transform .3s ease,border-color .3s ease}.early-access-card:hover{border-color:#22c55e8c;transform:translateY(-2px)}.early-access-badge{background:#22c55e1f;border:1px solid #22c55e4d;border-radius:20px;color:#4ade80;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:20px;padding:4px 12px;text-transform:uppercase}.early-access-card h3{color:#fafafa;font-size:24px;font-weight:800;letter-spacing:-.5px;margin:0 0 12px}.early-access-pitch{color:#a1a1aa;font-size:15px;line-height:1.6;margin-bottom:28px}.early-access-pitch strong{color:#fafafa}.early-access-benefits{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.benefit-item{align-items:flex-start;display:flex;gap:14px}.benefit-icon{align-items:center;background:#22c55e1a;border-radius:50%;color:#22c55e;display:flex;flex-shrink:0;font-size:14px;font-weight:800;height:24px;justify-content:center;width:24px}.benefit-item div{color:#a1a1aa;font-size:14px;line-height:1.5}.benefit-item div strong{color:#f4f4f5}.early-access-action-btn{align-items:center;background:#22c55e;border:none;border-radius:8px;box-shadow:0 8px 24px #22c55e33;color:#052e16;cursor:pointer;display:inline-flex;font-size:14px;font-weight:800;justify-content:center;min-height:48px;padding:0 24px;transition:transform .2s ease,background .2s ease}.early-access-action-btn:hover{background:#16a34a;transform:translateY(-2px)}.how-it-works-grid-v2{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-bottom:40px}.how-it-works-card-v2{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#121214a6;border:1px solid #3f3f4666;border-radius:16px;display:flex;flex-direction:column;padding:32px 24px;position:relative;text-align:center;transition:all .3s ease}.how-it-works-card-v2:hover{border-color:#22c55e66;box-shadow:0 12px 30px #22c55e0d;transform:translateY(-5px)}.step-badge-v2{background:#22c55e1a;border-radius:20px;color:#22c55e;font-size:11px;font-weight:800;left:16px;letter-spacing:.5px;padding:4px 10px;position:absolute;text-transform:uppercase;top:16px}.step-icon-v2{align-items:center;background:#27272a99;border:1px solid #3f3f4680;border-radius:50%;box-shadow:0 4px 12px #0000001a;display:flex;font-size:40px;height:72px;justify-content:center;margin-bottom:20px;margin-top:16px;width:72px}.how-it-works-card-v2 h3{color:#fff;font-size:20px;font-weight:800;margin:0 0 12px}.how-it-works-card-v2 p{color:#a1a1aa;flex-grow:1;font-size:14px;line-height:1.6;margin:0 0 20px}.step-tags-v2{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.step-tags-v2 span{background:#3f3f464d;border:1px solid #3f3f4680;border-radius:6px;color:#d4d4d8;font-size:11px;font-weight:500;padding:4px 10px}@media (max-width:992px){.how-it-works-grid-v2{gap:32px;grid-template-columns:1fr}}.book-demo-page{background:linear-gradient(135deg,#09090b,#18181b);min-height:100vh;padding:40px 20px;position:relative}.back-button{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#18181b99;border:1px solid #3f3f464d;border-radius:12px;color:#a1a1aa;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:600;gap:8px;left:24px;padding:12px 20px;position:fixed;top:24px;transition:all .2s ease;z-index:100}.back-button:hover{background:#18181be6;color:#fafafa;transform:translateX(-4px)}.book-demo-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#18181b99;border:1px solid #3f3f464d;border-radius:24px;box-shadow:0 12px 40px #00000080;margin:60px auto 0;max-width:700px;padding:48px}.demo-header{margin-bottom:40px;text-align:center}.demo-logo{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;box-shadow:0 8px 24px #10b98166;color:#fff;display:inline-flex;font-size:40px;height:80px;justify-content:center;margin-bottom:24px;width:80px}.demo-header h1{color:#fafafa;font-size:36px;font-weight:800;letter-spacing:-1px;margin-bottom:12px}.demo-header p{color:#a1a1aa;font-size:16px;line-height:1.6}.error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;color:#fca5a5;font-size:14px;margin-bottom:24px;padding:16px;text-align:center}.demo-form{display:flex;flex-direction:column;gap:24px}.form-row{grid-gap:20px;gap:20px;grid-template-columns:1fr 1fr}.form-group label{color:#a1a1aa;letter-spacing:.5px;text-transform:uppercase}.form-group input,.form-group textarea{background:#27272a99;border:1px solid #3f3f4680;border-radius:12px;color:#fafafa;font-family:Inter,sans-serif;font-size:15px;padding:14px 16px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group textarea:focus{background:#27272ae6;border-color:#6366f1;box-shadow:0 0 0 3px #6366f133;outline:none}.form-group textarea{min-height:120px}.char-count{color:#71717a;font-size:12px;text-align:right}.submit-button{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;box-shadow:0 4px 16px #6366f166;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:16px;font-weight:600;margin-top:8px;padding:16px 24px;transition:all .2s ease;width:100%}.submit-button:hover:not(:disabled){box-shadow:0 8px 24px #6366f180;transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.6}.form-note{color:#71717a;font-size:13px;margin-top:-8px;text-align:center}.success-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#18181b99;border:1px solid #3f3f464d;border-radius:24px;box-shadow:0 12px 40px #00000080;margin:100px auto;max-width:600px;padding:60px 48px;text-align:center}.success-icon{align-items:center;animation:scaleIn .5s ease;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;box-shadow:0 8px 24px #10b98166;color:#fff;display:inline-flex;font-size:50px;height:100px;justify-content:center;margin-bottom:32px;width:100px}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.success-container h1{color:#fafafa;font-size:32px;font-weight:800;letter-spacing:-1px;margin-bottom:16px}.success-container p{color:#a1a1aa;font-size:16px;line-height:1.6;margin-bottom:12px}.success-actions{display:flex;gap:16px;justify-content:center;margin-top:32px}.btn-primary,.btn-secondary{border:none;border-radius:12px;cursor:pointer;font-family:Inter,sans-serif;font-size:15px;font-weight:600;padding:14px 28px;transition:all .2s ease}.btn-secondary{background:#3f3f464d;color:#a1a1aa}.btn-secondary:hover{background:#3f3f4680}@media (max-width:768px){.book-demo-container{margin-top:80px;padding:32px 24px}.form-row{grid-template-columns:1fr}.demo-header h1{font-size:28px}.success-container{margin:80px auto;padding:40px 24px}.success-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.live-chat-page{padding-bottom:24px}.live-chat-page-header{margin-bottom:20px}.chat-filter-tabs{border-bottom:1px solid #3f3f464d;display:flex;gap:6px;overflow-x:auto;padding:12px 16px}.chat-filter-tab{background:#0000;border:1px solid #3f3f4666;border-radius:20px;color:#a1a1aa;cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px;transition:all .2s ease;white-space:nowrap}.chat-filter-tab:hover{border-color:#6366f166;color:#fafafa}.chat-filter-tab.active{background:#6366f126;border-color:#6366f180;color:#a5b4fc}.conversation-avatar{color:#fff!important;font-size:13px!important;font-weight:700}.customer-avatar-large{font-size:20px;font-weight:700}.empty-icon svg{color:#8b5cf6;font-size:48px;opacity:.6}.status-badge.status-escalated{background:#ef444426;color:#fca5a5}.live-chat-container{background:#09090b;border:1px solid #3f3f464d;border-radius:16px;display:flex;height:calc(100vh - 200px);min-height:520px;overflow:hidden}.conversations-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#18181b99;border-right:1px solid #3f3f464d;display:flex;flex-direction:column;width:380px}.sidebar-header{border-bottom:1px solid #3f3f464d;justify-content:space-between;padding:24px}.sidebar-header h2{color:#fafafa;font-size:20px;font-weight:700;margin:0}.active-count{align-items:center;color:#10b981;display:flex;font-size:13px;font-weight:600;gap:8px}.pulse-dot{animation:pulse 2s infinite;font-size:8px}.search-box{border-bottom:1px solid #3f3f464d;padding:16px 24px;position:relative}.search-box input{background:#27272a99;border:1px solid #3f3f4680;border-radius:10px;color:#fafafa;font-size:14px;padding:12px 12px 12px 40px;transition:all .2s ease;width:100%}.search-box input:focus{background:#27272ae6;border-color:#6366f1;outline:none}.chat-search-icon{color:#71717a;font-size:14px;left:36px;position:absolute;top:50%;transform:translateY(-50%)}.conversations-list{flex:1 1;overflow-y:auto;padding:8px}.conversation-item{border:1px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:12px;margin-bottom:4px;padding:16px;position:relative;transition:all .2s ease}.conversation-item:hover{background:#3f3f464d}.conversation-item.active{background:linear-gradient(135deg,#6366f133,#8b5cf633);border:1px solid #6366f14d}.conversation-item.active:before{background:#6366f1;border-radius:0 4px 4px 0;bottom:14px;content:"";left:0;position:absolute;top:14px;width:4px}.conversation-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:20px;height:48px;justify-content:center;width:48px}.conversation-info{flex:1 1;min-width:0}.conversation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.customer-name{color:#fafafa;font-size:15px}.conversation-time{color:#71717a;font-size:12px}.conversation-preview{margin-bottom:8px}.last-message{color:#a1a1aa;display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-meta{align-items:center;display:flex;gap:12px}.status-badge{padding:4px 8px}.status-active{background:#10b98133;color:#10b981}.status-escalated{background:#ef444433;color:#ef4444}.status-resolved{background:#6366f133;color:#6366f1}.status-closed{background:#71717a33;color:#71717a}.message-count{color:#71717a;font-size:12px}.chat-window{background:#12121499;display:flex;flex:1 1;flex-direction:column}.chat-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#18181b99;border-bottom:1px solid #3f3f464d;justify-content:space-between;padding:20px 28px}.chat-header,.chat-header-left{align-items:center;display:flex}.chat-header-left{gap:16px}.customer-avatar-large{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;font-size:24px;height:56px;justify-content:center;width:56px}.customer-details h3{color:#fafafa;font-size:18px;font-weight:700;margin:0 0 8px}.customer-contact{color:#a1a1aa;font-size:13px;gap:20px}.customer-contact span{align-items:center;display:flex;gap:6px}.status-indicator{align-items:center;border-radius:20px;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px;text-transform:uppercase}.status-indicator svg{font-size:8px}.messages-area{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:24px}.message-bubble{animation:slideIn .3s ease;border-radius:16px;max-width:70%;padding:14px 18px}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.customer-message{align-self:flex-start;background:#3f3f4666;border:1px solid #3f3f4680}.ai-message{align-self:flex-start;background:linear-gradient(135deg,#6366f133,#8b5cf633);border:1px solid #6366f14d}.admin-message{align-self:flex-end;background:linear-gradient(135deg,#10b98133,#05966933);border:1px solid #10b9814d}.message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.message-sender{align-items:center;color:#a1a1aa;display:flex;font-size:12px;font-weight:600;gap:6px}.message-time{color:#71717a;font-size:11px}.message-content{word-wrap:break-word;color:#fafafa;font-size:14px;line-height:1.6}.message-input-area{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#18181b99;border-top:1px solid #3f3f464d;padding:20px 28px}.input-notice{align-items:center;background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;color:#10b981;display:flex;font-size:12px;gap:8px;margin-bottom:12px;padding:8px 12px}.input-notice.paused{background:#ef444426;border-color:#ef444466;color:#ef4444}.message-input-form{align-items:center;display:flex;gap:12px}.message-input-form input{background:#27272a99;border:1px solid #3f3f4680;border-radius:12px;color:#fafafa;flex:1 1;font-size:14px;padding:14px 18px;transition:all .2s ease}.message-input-form input:focus{background:#27272ae6;border-color:#6366f1;box-shadow:0 0 0 3px #6366f133;outline:none}.message-input-form button{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:48px;justify-content:center;transition:all .2s ease;width:48px}.message-input-form button:hover:not(:disabled){box-shadow:0 8px 24px #6366f180;transform:translateY(-2px)}.message-input-form button:disabled{cursor:not-allowed;opacity:.5}.spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.no-conversation-selected{align-items:center;display:flex;flex:1 1;justify-content:center}.empty-state-large{max-width:400px;text-align:center}.empty-icon{font-size:80px;margin-bottom:24px;opacity:.5}.empty-state-large h3{color:#fafafa;font-size:24px;font-weight:700;margin-bottom:12px}.empty-state-large p{color:#a1a1aa;font-size:15px;line-height:1.6}.empty-state,.loading-state{color:#71717a;padding:40px 20px;text-align:center}.empty-messages{align-items:center;color:#71717a;display:flex;flex:1 1;justify-content:center}.conversations-list::-webkit-scrollbar,.messages-area::-webkit-scrollbar{width:6px}.conversations-list::-webkit-scrollbar-track,.messages-area::-webkit-scrollbar-track{background:#0000}.conversations-list::-webkit-scrollbar-thumb,.messages-area::-webkit-scrollbar-thumb{background:#3f3f4680;border-radius:3px}.conversations-list::-webkit-scrollbar-thumb:hover,.messages-area::-webkit-scrollbar-thumb:hover{background:#3f3f46b3}@media (max-width:1024px){.conversations-sidebar{width:320px}.message-bubble{max-width:85%}}@media (max-width:768px){.live-chat-container{flex-direction:column}.conversations-sidebar{max-height:40vh;width:100%}.chat-window{height:60vh}}.ai-toggle-btn{align-items:center;border:1px solid #0000;border-radius:20px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;margin-right:12px;padding:8px 16px;transition:all .2s ease}.ai-toggle-btn svg{font-size:14px}.ai-toggle-btn.active{background:#10b98126;border-color:#10b98166;color:#a7f3d0}.ai-toggle-btn.active:hover{background:#10b98140;border-color:#10b98199}.ai-toggle-btn.paused{background:#ef444426;border-color:#ef444466;color:#fca5a5}.ai-toggle-btn.paused:hover{background:#ef444440;border-color:#ef444499}.status-badge.status-paused{background:#ef444426;border:1px solid #ef44444d;color:#fca5a5}.ai-suggested-draft-container{animation:slideIn .3s ease;background:#6366f114;border:1px dashed #6366f166;border-radius:12px;margin-bottom:12px;padding:14px 18px}.ai-suggested-draft-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.draft-title{align-items:center;color:#a5b4fc;display:flex;font-size:13px;font-weight:700;gap:8px}.draft-icon-robot{font-size:14px}.draft-actions{display:flex;gap:8px}.draft-action-btn{border:1px solid #0000;border-radius:6px;cursor:pointer;font-size:11px;font-weight:600;padding:4px 10px;transition:all .2s ease}.draft-action-btn.apply{background:#6366f133;border-color:#6366f180;color:#c7d2fe}.draft-action-btn.apply:hover{background:#6366f159}.draft-action-btn.dismiss{background:#ef444426;border-color:#ef444466;color:#fca5a5}.draft-action-btn.dismiss:hover{background:#ef444440}.ai-suggested-draft-content{background:#0003;border:1px solid #3f3f4633;border-radius:8px;color:#fafafa;font-size:13px;line-height:1.5;padding:10px;white-space:pre-wrap}.message-translation{border-top:1px dashed #ffffff26;margin-top:8px;padding-top:8px}.translation-badge{color:#a5b4fc;display:block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.translation-text{color:#e4e4e7;font-size:13.5px;font-style:italic;line-height:1.5}.analytics-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-bottom:24px}.analytics-grid.full-width{grid-template-columns:1fr}.sentiment-widget{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#27272a99;border:1px solid #3f3f4680;border-radius:16px;grid-column:1/-1;padding:28px}.widget-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.widget-header h3{align-items:center;color:#fafafa;display:flex;font-size:18px;font-weight:600;gap:10px;margin:0 0 8px}.widget-header p{color:#71717a;font-size:13px;margin:0}.sentiment-display{align-items:center;background:#18181b99;border-radius:12px;display:flex;gap:32px;margin-bottom:24px;padding:24px}.sentiment-emoji{animation:fadeIn .5s ease;font-size:80px;line-height:1}.sentiment-info h2{font-size:32px;font-weight:700;margin:0 0 8px}.sentiment-info p{color:#a1a1aa;font-size:14px;margin:0}.sentiment-happy{color:#10b981}.sentiment-neutral{color:#6366f1}.sentiment-frustrated{color:#ef4444}.sentiment-breakdown{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.breakdown-item{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:100px 1fr 60px}.breakdown-label{color:#d4d4d8;font-size:14px;font-weight:500}.breakdown-bar{background:#18181bcc;border-radius:12px;height:24px;overflow:hidden;position:relative}.breakdown-fill{border-radius:12px;height:100%;transition:width .5s ease}.breakdown-fill.happy{background:linear-gradient(90deg,#10b981,#059669)}.breakdown-fill.neutral{background:linear-gradient(90deg,#6366f1,#4f46e5)}.breakdown-fill.frustrated{background:linear-gradient(90deg,#ef4444,#dc2626)}.breakdown-value{color:#fafafa;font-size:14px;font-weight:600;text-align:right}.sentiment-reasoning{background:#6366f11a;border:1px solid #6366f14d;border-radius:10px;color:#d4d4d8;font-size:13px;line-height:1.6;padding:16px}.sentiment-reasoning strong{color:#a5b4fc}.chart-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#27272a99;border:1px solid #3f3f4680;border-radius:16px;padding:28px}.chart-container.full-width{grid-column:1/-1}.chart-header{margin-bottom:24px}.chart-header h3{align-items:center;color:#fafafa;display:flex;font-size:18px;font-weight:600;gap:10px;margin:0}.chart-legend{border-top:1px solid #3f3f464d;display:flex;gap:32px;justify-content:center;margin-top:20px;padding-top:20px}.legend-item{align-items:center;color:#d4d4d8;display:flex;font-size:14px;gap:8px}.legend-dot{border-radius:50%;height:12px;width:12px}@media (max-width:1200px){.analytics-grid{grid-template-columns:1fr}.sentiment-display{flex-direction:column;text-align:center}}.integrations-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(450px,1fr))}.integration-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:space-between;min-height:380px;padding:28px;transition:all .3s ease}.integration-card:hover{border-color:var(--brand);box-shadow:var(--shadow-md);transform:translateY(-2px)}.integration-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:24px}.integration-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:28px;height:60px;justify-content:center;width:60px}.integration-info h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 8px}.integration-info p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.integration-connected{display:flex;flex-direction:column;gap:16px}.connected-badge{align-items:center;background:#16a34a1a;border:1px solid #16a34a40;border-radius:8px;color:var(--success);display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;width:-webkit-fit-content;width:fit-content}.integration-details{background:var(--bg-input);border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;gap:12px;padding:16px}.detail-label{color:var(--text-secondary);font-size:13px}.detail-value{color:var(--text-primary);font-size:14px;font-weight:500}.status-badge{font-size:12px;padding:4px 12px}.status-badge.active{background:#10b98133;color:#10b981}.status-badge.inactive{background:#ef444433;color:#ef4444}.webhook-section{display:flex;flex-direction:column;gap:8px}.webhook-section label{color:#d4d4d8;font-size:13px;font-weight:600}.webhook-url-container{display:flex;gap:8px}.webhook-url-input{background:#18181bcc;border:1px solid #3f3f4680;border-radius:8px;color:#a1a1aa;flex:1 1;font-family:Courier New,monospace;font-size:12px;padding:10px 14px}.btn-icon{padding:10px 14px}.webhook-hint{color:#71717a;font-size:11px;line-height:1.4}.integration-actions{display:flex;gap:12px;padding-top:8px}.integration-actions button{align-items:center;display:flex;flex:1 1;font-size:13px;gap:8px;justify-content:center}.integration-disconnected{display:flex;flex-direction:column;gap:12px}.setup-guide-link{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:8px;justify-content:center;padding:10px;text-decoration:underline;transition:color .2s ease}.setup-guide-link:hover{color:var(--brand)}.modal-overlay{background:#000000b3;bottom:0;padding:20px;right:0}.modal-content{background:#18181bfa;max-width:600px;width:100%}.modal-header{border-bottom:1px solid #3f3f464d;padding:24px 28px}.modal-header h2{font-weight:600}.modal-close{font-size:20px;padding:8px}.modal-form{padding:28px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;margin-bottom:8px}.form-group input{background:#27272a99;border:1px solid #3f3f4680;border-radius:10px;color:#fafafa;font-size:14px;padding:12px 14px;transition:border-color .2s ease;width:100%}.form-group input:focus{border-color:#6366f180;outline:none}.form-group small{color:#71717a;display:block;font-size:12px;line-height:1.4;margin-top:6px}.info-box{background:#6366f11a;border:1px solid #6366f14d;border-radius:10px;margin-bottom:20px;padding:16px}.info-box strong{color:#a5b4fc;display:block;font-size:14px;margin-bottom:12px}.info-box ol{color:#d4d4d8;font-size:13px;line-height:1.8;margin:0;padding-left:20px}@media (max-width:768px){.integrations-grid{grid-template-columns:1fr}.integration-actions{flex-direction:column}.modal-content{max-width:100%}}.integration-card.locked{background:#18181b66!important;border:1px dashed #ef444466!important;opacity:.8;position:relative}.integration-card.locked .integration-icon{filter:grayscale(100%);opacity:.5}.integration-card.locked h3{color:#71717a!important}.integration-card.locked p{color:#52525b!important}.lock-badge{align-items:center;background:#ef444426;border:1px solid #ef44444d;border-radius:20px;color:#ef4444;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 8px;position:absolute;right:16px;top:16px}.analytics-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.stat-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#27272a99;border:1px solid #3f3f4680;display:flex;gap:20px;padding:24px;transition:all .3s ease}.stat-card:hover{border-color:#6366f180;transform:translateY(-2px)}.stat-card.revenue{border-left:3px solid #10b981}.stat-card.bots{border-left:3px solid #6366f1}.stat-card.messages{border-left:3px solid #8b5cf6}.stat-card.users{border-left:3px solid #f59e0b}.stat-icon{border-radius:12px;flex-shrink:0;height:60px;width:60px}.stat-card.revenue .stat-icon{background:#10b98133;color:#10b981}.stat-card.bots .stat-icon{background:#6366f133;color:#6366f1}.stat-card.messages .stat-icon{background:#8b5cf633;color:#8b5cf6}.stat-card.users .stat-icon{background:#f59e0b33;color:#f59e0b}.stat-info{flex:1 1}.stat-info h3{color:#a1a1aa;font-size:13px;font-weight:500;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.stat-value{color:#fafafa;font-size:28px;font-weight:700;margin:0 0 4px}.stat-info small{color:#71717a;font-size:12px}.action-buttons{display:flex;gap:8px;justify-content:center}.btn-icon{background:#6366f133;border:1px solid #6366f14d;border-radius:8px;color:#a5b4fc;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s ease}.btn-icon:hover{background:#6366f14d;transform:scale(1.05)}.btn-icon.btn-danger{background:#ef444433;border-color:#ef44444d;color:#fca5a5}.btn-icon.btn-danger:hover{background:#ef44444d}.status-connected{color:#10b981;font-size:13px;font-weight:600}.status-disconnected{color:#71717a;font-size:13px}.discount-preview{background:#18181bcc;border:1px solid #3f3f4680;border-radius:12px;margin:20px 0;padding:20px}.preview-row{align-items:center;color:#d4d4d8;display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.preview-row.final{border-top:1px solid #3f3f4680;color:#fafafa;font-size:16px;font-weight:600;margin-top:8px;padding-top:16px}.user-detail-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.detail-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#27272a99;border:1px solid #3f3f4680;border-radius:16px;padding:24px}.detail-card h3{align-items:center;color:#fafafa;display:flex;font-size:16px;font-weight:600;gap:10px;margin:0 0 20px}.detail-rows{display:flex;flex-direction:column;gap:12px}.detail-row{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.detail-row span:first-child{color:#a1a1aa;font-size:13px}.detail-row span:last-child,.detail-row strong{color:#fafafa;font-size:14px}.token-usage{display:flex;flex-direction:column;gap:16px}.token-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.token-stat{align-items:center;background:#18181b99;border-radius:10px;display:flex;flex-direction:column;padding:12px}.token-stat span{color:#71717a;font-size:11px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.token-stat strong{color:#fafafa;font-size:18px;font-weight:700}.token-progress{display:flex;flex-direction:column;gap:8px}.progress-bar{background:#18181bcc;border-radius:6px;height:12px;overflow:hidden;width:100%}.progress-fill{border-radius:6px;height:100%;transition:width .5s ease}.progress-label{color:#a1a1aa;font-size:12px;text-align:center}.table-responsive{overflow-x:auto}.table-responsive table{min-width:1200px}@media (max-width:1200px){.analytics-cards{grid-template-columns:repeat(2,1fr)}.user-detail-grid{grid-template-columns:1fr}}@media (max-width:768px){.analytics-cards{grid-template-columns:1fr}.stat-card{flex-direction:column;text-align:center}.action-buttons{flex-wrap:wrap}.token-stats{grid-template-columns:1fr}}.plans-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:32px}.plan-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#27272a99;border:1px solid #3f3f4680;border-radius:16px;display:flex;flex-direction:column;padding:28px;position:relative;transition:all .3s ease}.plan-card:hover{border-color:#6366f180;box-shadow:0 8px 32px #6366f11a;transform:translateY(-4px)}.plan-badge{display:flex;justify-content:flex-end;position:absolute;right:0;top:0;width:100%}.badge-text{background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:0 16px 0 12px;color:#fff;font-size:11px;font-weight:700;letter-spacing:1px;padding:6px 16px;text-transform:uppercase}.plan-name{color:#fafafa;font-size:20px;font-weight:700;margin:12px 0 8px}.plan-description{color:#a1a1aa;font-size:13px;line-height:1.6;margin:0 0 20px}.plan-price{align-items:baseline;display:flex;gap:6px;margin-bottom:4px}.price{color:#10b981;font-size:32px;font-weight:700}.period{color:#71717a;font-size:14px}.yearly-price{background:#6366f11a;border-radius:8px;color:#a5b4fc;font-size:12px;margin-bottom:20px;padding:8px 12px}.plan-features{flex:1 1;margin-top:0}.plan-features h3{color:#d4d4d8;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.plan-features ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.plan-features li{align-items:center;color:#a1a1aa;display:flex;font-size:13px;gap:8px}.plan-features svg{color:#10b981;flex-shrink:0;font-size:12px}.plan-actions{border-top:1px solid #3f3f464d;display:flex;gap:12px;margin-top:20px;padding-top:20px}.btn-icon-delete,.btn-icon-edit{align-items:center;background:#27272acc;border:1px solid #3f3f4680;border-radius:10px;color:#a1a1aa;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;gap:6px;justify-content:center;padding:10px 12px;transition:all .2s ease}.btn-icon-edit:hover{background:#6366f133;border-color:#6366f180;color:#a5b4fc}.btn-icon-delete:hover{background:#ef444433;border-color:#ef444480;color:#fca5a5}.plan-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#d4d4d8;font-size:13px;font-weight:600}.form-group input,.form-group select,.form-group textarea{background:#27272a99;border:1px solid #3f3f4680;border-radius:10px;color:#fafafa;font-family:inherit;font-size:14px;padding:12px;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#27272acc;border-color:#6366f1cc;outline:none}.form-group textarea{min-height:100px;resize:vertical}.features-checklist{background:#18181b99;border-radius:10px;padding:16px}.features-checklist h3{color:#d4d4d8;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.features-checklist label{align-items:center;color:#a1a1aa;cursor:pointer;display:flex;font-size:13px;gap:8px;transition:color .2s ease}.features-checklist label:hover{color:#fafafa}.features-checklist input[type=checkbox]{accent-color:#6366f1;cursor:pointer;height:16px;width:16px}.modal-content-large{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#18181bf2;border:1px solid #3f3f4680;border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:700px;overflow-y:auto}.table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.table-header h2{color:#fafafa;font-size:18px;font-weight:600;margin:0}.table-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#27272a99;border:1px solid #3f3f4680;border-radius:16px;overflow:hidden;padding:0}table{border-collapse:collapse;width:100%}table thead{background:#18181b99;border-bottom:1px solid #3f3f4680}table th{color:#a1a1aa;font-size:12px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}table tbody tr{border-bottom:1px solid #3f3f464d;transition:background .2s ease}table tbody tr:hover{background:#3f3f461a}table td{color:#d4d4d8;font-size:14px;padding:16px}.badge{border-radius:6px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#18181bf2;border:1px solid #3f3f4680;border-radius:16px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #3f3f4680;display:flex;justify-content:space-between;padding:28px}.modal-header h2{color:#fafafa;font-size:20px;font-weight:700;margin:0}.modal-close{background:none;border:none;color:#a1a1aa;cursor:pointer;font-size:24px;transition:color .2s ease}.modal-close:hover{color:#fafafa}.modal-body{padding:28px}.modal-actions{border-top:1px solid #3f3f464d;display:flex;gap:12px;margin-top:24px;padding-top:20px}.modal-actions button{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px;transition:all .2s ease}.btn-primary{font-size:14px;padding:12px 24px}.btn-primary:hover{box-shadow:0 8px 24px var(--brand-glow)}.btn-secondary{align-items:center;background:#3f3f4680;border:1px solid #3f3f4680;border-radius:10px;color:#d4d4d8;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.btn-secondary:hover{background:#3f3f46b3;border-color:#6366f14d;color:#fafafa}.page-header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:32px}.page-title{color:#fafafa;font-weight:700;gap:12px;margin:0}.page-subtitle{color:#a1a1aa;margin:8px 0 0}.container{margin:0 auto;max-width:1400px;padding:32px}.spinner{animation:spin .8s linear infinite;border:3px solid #6366f133;border-top-color:#6366f1}.super-admin-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.super-admin-title{align-items:center;display:flex;gap:12px}.super-admin-title .crown-icon{color:#f59e0b;font-size:28px}.super-admin-table-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.super-admin-search{align-items:center;background:#27272a99;border:1px solid #3f3f4680;border-radius:10px;display:flex;gap:10px;min-width:220px;padding:8px 14px}.super-admin-search svg{color:#71717a;flex-shrink:0}.super-admin-search input{background:#0000;border:none;color:#fafafa;font-size:14px;outline:none;width:100%}.super-admin-empty{color:#71717a;padding:40px!important;text-align:center}.revenue-cell{display:flex;flex-direction:column;gap:4px}.revenue-cell strong{color:var(--text-primary);font-size:14px}.discount-tag{color:#10b981;font-size:11px;font-weight:600}.token-usage-bar{min-width:120px}.token-usage-track{background:#3f3f4680;border-radius:3px;height:6px;margin-bottom:6px;overflow:hidden}.token-usage-fill{background:#10b981;border-radius:3px;height:100%;transition:width .3s ease}.token-usage-fill.high{background:#ef4444}.token-usage-text{color:#71717a;font-size:11px}.stat-card.gemini{border-left:3px solid #3b82f6}.stat-card.cost{border-left:3px solid #ef4444}.stat-card.budget{border-left:3px solid #10b981}.stat-card.budget.low-funds{animation:pulse-red-border 2s infinite;border-left:3px solid #ef4444!important}@keyframes pulse-red-border{0%{border-color:#ef444466}50%{border-color:#ef4444}to{border-color:#ef444466}}.budget-alert-warning{align-items:center;background:#ef444414;border:1px solid #ef444440;border-radius:12px;color:#c53030;display:flex;font-size:14.5px;gap:14px;line-height:1.5;margin-bottom:28px;padding:16px 20px}body.dark-theme .budget-alert-warning{background:#ef444426;border-color:#ef444466;color:#fca5a5}.budget-refill-card{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:16px;box-shadow:0 4px 20px #00000008;margin-top:24px;max-width:550px;padding:28px}body.dark-theme .budget-refill-card{box-shadow:0 4px 20px #0003}.budget-refill-card h3{color:var(--text-primary);font-size:16px;font-weight:700;margin:0 0 16px;text-align:left}.budget-input-group{align-items:center;display:flex;gap:12px}.budget-input-label{color:var(--text-secondary);font-size:14px;font-weight:600}.budget-input{background:var(--bg-input);border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);flex:1 1;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s}.budget-input:focus{border-color:var(--accent)}.budget-btn-submit{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.budget-btn-submit:hover{opacity:.95;transform:translateY(-1px)}.budget-btn-submit:disabled{cursor:not-allowed;opacity:.6}.status-badge{align-items:center;border-radius:6px;font-weight:600;justify-content:center;text-transform:capitalize;white-space:nowrap}.status-badge.status-new{background:#a1a1aa26;border:1px solid #a1a1aa4d;color:#a1a1aa}.status-badge.status-contacted{background:#f59e0b26;border:1px solid #f59e0b4d;color:#f59e0b}.status-badge.status-proposal_sent{background:#3b82f626;border:1px solid #3b82f64d;color:#3b82f6}.status-badge.status-followed_up{background:#8b5cf626;border:1px solid #8b5cf64d;color:#8b5cf6}.status-badge.status-converted{background:#10b98126;border:1px solid #10b9814d;color:#10b981}.status-badge.status-lost{background:#ef444426;border:1px solid #ef44444d;color:#f87171}.btn-impersonate{background:#6366f11f!important;border:1px solid #6366f140!important;color:#4f46e5!important}.btn-impersonate:hover{background:#6366f133!important}body.dark-theme .btn-impersonate{background:#6366f126!important;border-color:#6366f14d!important;color:#a5b4fc!important}body.dark-theme .btn-impersonate:hover{background:#6366f140!important}.btn-delete-merchant{background:#ef4444!important;border:none!important;color:#fff!important}.btn-delete-merchant:hover{background:#dc2626!important}.coupon-actions{align-items:center;display:flex;gap:8px;justify-content:flex-start}.btn-action-delete,.btn-action-toggle{align-items:center;border:1px solid #0000;border-radius:6px;cursor:pointer;display:inline-flex;flex:none!important;font-size:12px;font-weight:600;gap:4px;height:28px;justify-content:center;min-height:28px;padding:6px 12px;transition:all .2s ease}.btn-action-toggle.btn-deactivate{background:#f59e0b1f!important;border-color:#f59e0b40!important;color:#d97706!important}.btn-action-toggle.btn-deactivate:hover{background:#f59e0b33!important}.btn-action-toggle.btn-activate{background:#10b9811f!important;border-color:#10b98140!important;color:#059669!important}.btn-action-toggle.btn-activate:hover{background:#10b98133!important}.btn-action-delete{background:#ef44441f!important;border-color:#ef444440!important;color:#dc2626!important}.btn-action-delete:hover{background:#ef444433!important;border-color:#ef444466!important}body.dark-theme .btn-action-toggle.btn-deactivate{background:#f59e0b26!important;border-color:#f59e0b4d!important;color:#fbbf24!important}body.dark-theme .btn-action-toggle.btn-activate{background:#10b98126!important;border-color:#10b9814d!important;color:#34d399!important}body.dark-theme .btn-action-delete{background:#ef444426!important;border-color:#ef44444d!important;color:#f87171!important}.user-info-cell{display:flex;flex-direction:column;gap:4px}.user-info-name{color:var(--text-primary);display:block;font-weight:600}.user-info-email{color:var(--text-secondary);display:block;font-size:12px}.super-admin-settings-container{display:flex;flex-direction:column;gap:32px;margin:0 auto;max-width:900px;padding:10px 0}.page-header{margin-bottom:8px}.page-title{align-items:center;display:flex;font-family:Outfit,Inter,sans-serif;gap:14px}.page-subtitle{font-size:14.5px;line-height:1.5;margin-top:6px}.glass-card{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:0 10px 30px #0000000a;overflow:hidden;padding:32px;position:relative;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.glass-card:before{background:linear-gradient(90deg,#0000,#6366f1,#0000);content:"";height:3px;left:0;position:absolute;right:0;top:0}.glass-card.razorpay-card:before{background:linear-gradient(90deg,#0000,#10b981,#0000)}.glass-card:hover{border-color:#6366f133;box-shadow:0 15px 40px #00000014}.glass-card.razorpay-card:hover{border-color:#10b98133}.section-title{align-items:center;display:flex;font-family:Outfit,Inter,sans-serif;font-size:19px;gap:10px;letter-spacing:-.2px;margin-bottom:28px}.settings-form{gap:22px}.settings-field,.settings-form{display:flex;flex-direction:column}.settings-field{gap:8px}.settings-label{color:var(--text-secondary);font-size:13.5px;font-weight:600;letter-spacing:.2px;transition:color .2s ease}.settings-field:focus-within .settings-label{color:#6366f1}.glass-card.razorpay-card .settings-field:focus-within .settings-label{color:#10b981}.premium-input{background:var(--bg-input);border:1px solid var(--border-default);border-radius:10px;color:var(--text-primary);font-family:Inter,sans-serif;font-size:14.5px;outline:none;padding:13px 18px;transition:all .2s ease;width:100%}.premium-input::placeholder{color:var(--text-muted)}.premium-input:hover{border-color:#00000026}.dark-theme .premium-input:hover{border-color:#ffffff2e}.premium-input:focus{background:var(--bg-elevated);border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.glass-card.razorpay-card .premium-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811f}.premium-input[readonly]{background:var(--bg-input);color:var(--text-secondary);cursor:default;opacity:.7}.field-desc{color:var(--text-secondary);font-size:12px;line-height:1.4;margin-top:2px;opacity:.85}.input-relative{position:relative;width:100%}.eye-btn{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:color .2s ease}.copy-btn,.eye-btn:hover{color:var(--text-primary)}.copy-btn{align-items:center;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:10px;box-shadow:0 2px 4px #00000005;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:13px 22px;transition:all .2s ease;white-space:nowrap}.copy-btn:hover{background:var(--bg-input);border-color:#00000026;transform:translateY(-1px)}.copy-btn:active{transform:translateY(0)}.info-box{align-items:center;background:#6366f10a;border:1px solid #6366f11a;border-radius:12px;display:flex;gap:12px;margin-top:6px;padding:14px 18px}.info-box.rzp-info{background:#10b98108;border-color:#10b9811a}.info-text{color:var(--text-secondary);font-size:12.5px;line-height:1.45}.btn-group{display:flex;gap:14px;margin-top:10px}.btn-premium-primary{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:10px;box-shadow:0 4px 12px #6366f133;color:#fff;cursor:pointer;display:flex;flex:1 1;font-family:Outfit,Inter,sans-serif;font-size:14.5px;font-weight:700;gap:10px;justify-content:center;padding:14px;transition:all .2s ease}.btn-premium-primary:hover{box-shadow:0 6px 18px #6366f14d;filter:brightness(1.05);transform:translateY(-1px)}.btn-premium-primary:active{transform:translateY(0)}.glass-card.razorpay-card .btn-premium-primary{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b98133}.glass-card.razorpay-card .btn-premium-primary:hover{box-shadow:0 6px 18px #10b9814d}.btn-premium-danger{align-items:center;background:#ef44440d;border:1px solid #ef444426;border-radius:10px;color:#ef4444;cursor:pointer;display:flex;font-family:Outfit,Inter,sans-serif;font-size:14.5px;font-weight:700;gap:10px;justify-content:center;padding:14px 28px;transition:all .2s ease}.btn-premium-danger:hover{background:#ef4444;border-color:#ef4444;box-shadow:0 4px 12px #ef444426;color:#fff;transform:translateY(-1px)}.btn-premium-danger:active{transform:translateY(0)}.premium-alert{align-items:center;border-radius:10px;display:flex;font-size:14px;font-weight:500;gap:10px;padding:14px 20px}.premium-alert-success{background:#10b9810d;border:1px solid #10b98126;color:#10b981}.premium-alert-danger{background:#ef44440d;border:1px solid #ef444426;color:#ef4444}.billing-page{padding-bottom:40px}.billing-success-alert{align-items:center;animation:fadeIn .3s ease;background:#10b98126;border:1px solid #10b9814d;border-radius:12px;color:#a7f3d0;display:flex;font-weight:500;gap:10px;margin-bottom:24px;padding:14px 20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.billing-overview-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin-bottom:40px}.billing-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#18181b99;border:1px solid #3f3f464d;border-radius:16px;overflow:hidden;padding:28px;position:relative}.active-plan-card{background:linear-gradient(135deg,#6366f126,#8b5cf626);border-color:#6366f14d}.active-plan-card .card-badge{background:#6366f133;border:1px solid #6366f166;border-radius:20px;color:#a5b4fc;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 10px;position:absolute;right:28px;text-transform:uppercase;top:24px}.plan-name-display{color:var(--text-primary);font-size:26px;font-weight:800;letter-spacing:-.5px;margin:0 0 16px}.plan-status-row{align-items:center;border-bottom:1px solid #3f3f464d;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.status-badge-saas{border-radius:8px;font-size:12px;font-weight:700;padding:6px 12px;text-transform:uppercase}.status-badge-saas.status-active{background:#10b98133;color:#10b981}.status-badge-saas.status-trial{background:#f59e0b33;color:#f59e0b}.status-badge-saas.status-cancelled,.status-badge-saas.status-inactive,.status-badge-saas.status-suspended{background:#ef444433;color:#ef4444}.monthly-price-display{color:var(--text-primary);font-size:20px;font-weight:700}.plan-meta-list{display:flex;flex-direction:column;gap:12px}.plan-meta-item{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:10px}.plan-meta-item svg{color:#6366f1}.token-usage-card h3{color:var(--text-primary);font-size:18px;font-weight:700;margin:0 0 4px}.usage-subtitle{color:var(--text-secondary);font-size:13px;margin:0 0 24px}.usage-numeric-row{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:14px}.used-amount{color:var(--text-primary);font-size:32px;font-weight:800}.limit-amount{color:var(--text-secondary);font-size:18px;font-weight:600}.divider{color:var(--text-muted);font-size:20px;margin:0 4px}.usage-numeric-row .unit{color:var(--text-secondary);font-size:14px;font-weight:500}.percentage-display{color:var(--text-primary);font-size:20px;font-weight:700}.progress-bar-container{background:#94a3b833;border-radius:5px;height:10px;margin-bottom:20px;overflow:hidden;width:100%}.progress-bar-fill{border-radius:5px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.usage-alertwarning{background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:8px;color:#fde047}.usage-alertdanger,.usage-alertwarning{align-items:center;display:flex;font-size:13px;gap:8px;padding:10px 14px}.usage-alertdanger{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#fca5a5}.plans-selection-section{margin-bottom:40px}.section-title{color:var(--text-primary);font-size:22px;font-weight:700;margin:0 0 6px}.section-subtitle{color:var(--text-secondary);font-size:14px;margin:0 0 28px}.billing-plans-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.upgrade-plan-card{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:16px;display:flex;flex-direction:column;padding:32px 28px;position:relative;transition:all .25s ease}body:not(.dark-theme) .upgrade-plan-card{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 20px #00000008}.upgrade-plan-card:hover{border-color:#6366f1;box-shadow:0 12px 30px #6366f11f;transform:translateY(-4px)}.upgrade-plan-card.current{background:linear-gradient(180deg,#6366f108 0,var(--bg-elevated) 100%);border:2px solid #6366f1;box-shadow:0 8px 30px #6366f11a}body:not(.dark-theme) .upgrade-plan-card.current{background:linear-gradient(180deg,#6366f10d,#fff)}.upgrade-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:4px;color:#09090b;font-size:10px;font-weight:800;letter-spacing:.5px;padding:3px 8px;position:absolute;right:16px;text-transform:uppercase;top:16px}.upgrade-plan-name{color:var(--text-primary)!important;font-size:20px;font-weight:700;margin:0 0 8px}.upgrade-plan-desc{color:var(--text-secondary)!important;font-size:13px;line-height:1.5;margin:0 0 20px;min-height:40px}.upgrade-price-row{align-items:flex-end;display:flex;margin-bottom:24px}.upgrade-price-row .price{color:var(--text-primary)!important;font-size:36px;font-weight:800;line-height:1}.upgrade-price-row .period{color:var(--text-secondary)!important;font-size:14px;font-weight:500;margin-left:4px}.upgrade-features-list{border-top:1px solid var(--border-default);display:flex;flex:1 1;flex-direction:column;gap:12px;list-style:none;margin:0 0 32px;padding:20px 0 0}.upgrade-features-list li{align-items:center;color:var(--text-secondary)!important;display:flex;font-size:13px;gap:8px}.upgrade-features-list li svg{color:#25d366;flex-shrink:0;font-size:11px}.plan-select-btn{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:700;padding:12px;transition:all .2s ease;width:100%}.btn-upgrade{background:#6366f1;color:#fff}.btn-upgrade:hover:not(:disabled){background:#4f46e5;box-shadow:0 4px 12px #6366f133;color:#fff}.btn-current{background:#6366f11a;border:1px solid #6366f14d;color:#6366f1;cursor:default}body:not(.dark-theme) .btn-current{background:#6366f114}.plan-select-btn:disabled{opacity:.6}.invoice-history-card .card-title-with-icon{align-items:center;color:var(--text-primary);display:flex;font-size:18px;font-weight:700;gap:10px;margin:0}.invoice-history-card .card-title-with-icon svg{color:#f59e0b}@media (max-width:1024px){.billing-overview-grid,.billing-plans-grid{grid-template-columns:1fr}}.sync-btn{alignItems:center;display:flex;gap:8px}.spinning{animation:spin 1s linear infinite}.tmpl-filter-bar{align-items:center;background-color:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm);display:flex;gap:16px;justify-content:space-between;margin-bottom:24px;padding:16px}@media (max-width:768px){.tmpl-filter-bar{align-items:stretch;flex-direction:column}}.tmpl-search-wrapper{max-width:380px;position:relative;width:100%}.tmpl-search-icon{color:var(--text-muted);left:12px;position:absolute;top:50%;transform:translateY(-50%)}.tmpl-search-input{background-color:var(--bg-input);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:14px;padding:10px 12px 10px 36px;transition:all .2s ease;width:100%}.tmpl-search-input:focus{border-color:var(--brand);outline:none}.tmpl-filters-container{align-items:center;display:flex;gap:12px}.tmpl-filter-group{align-items:center;display:flex;gap:8px}.tmpl-filter-icon{color:var(--text-secondary)}.tmpl-filter-select{background-color:var(--bg-input);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;outline:none;padding:8px 12px}.tmpl-filter-select:focus{border-color:var(--brand)}.templates-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));margin-bottom:32px}@media (max-width:600px){.templates-grid{grid-template-columns:1fr}}.template-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;padding:24px;transition:all .2s ease}.template-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.template-card-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.template-title-wrapper{display:flex;flex-direction:column;gap:4px}.template-name{color:var(--text-primary);font-size:18px;font-weight:700;margin:0;word-break:break-all}.template-category-tag{background-color:var(--brand-light);border-radius:12px;color:var(--brand);font-size:11px;font-weight:700;padding:2px 8px;width:-webkit-max-content;width:max-content}.template-mapping-section{background-color:var(--bg-input);border:1px dashed var(--border);border-radius:10px;display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding:12px 16px}.mapping-label{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;font-weight:600;gap:6px}.mapping-select{background-color:var(--bg-input);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:13px;outline:none;padding:8px 12px}.mapping-select:focus{border-color:var(--brand)}.template-preview-box{flex:1 1;margin-bottom:16px}.preview-label{color:#9ca3af;font-size:12px;font-weight:700;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.preview-bubble{background-color:#efeae2;background-image:radial-gradient(#00000014 1px,#0000 0);background-size:16px 16px;border-radius:12px;color:#333;font-size:14px;line-height:1.5;padding:16px}.template-preview-header{border-bottom:1px solid #0000000d;color:#111;margin-bottom:8px;padding-bottom:6px}.template-preview-body{margin-bottom:8px}.template-preview-body p{margin:0;white-space:pre-wrap}.template-preview-footer{border-top:1px solid #0000000d;color:#666;padding-top:6px}.template-card-footer{align-items:center;border-top:1px solid #f4f4f5;color:#71717a;display:flex;font-size:12px;justify-content:space-between;padding-top:12px}.template-lang-badge code{background-color:#f4f4f5;border-radius:4px;font-family:monospace;padding:2px 4px}.mapping-active-badge{align-items:center;color:#10b981;display:flex;font-weight:600;gap:4px}.info-notice-box{align-items:start;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;color:#1e3a8a;display:flex;font-size:14px;gap:12px;line-height:1.5;padding:16px}.info-notice-box svg{color:#3b82f6;flex-shrink:0;font-size:20px;margin-top:2px}.empty-state{background-color:#fff;border:1px dashed #e4e4e7;border-radius:16px;color:#71717a;padding:60px 20px;text-align:center}.empty-state h3{color:#18181b;font-weight:700;margin:12px 0 6px}.empty-state p{margin:0 0 16px;margin-inline:auto;max-width:400px}body.dark-theme .preview-bubble{background-color:#0b141a!important;background-image:radial-gradient(#ffffff0d 1px,#0000 0)!important;color:#e9edef!important}body.dark-theme .template-preview-header{border-bottom-color:#ffffff14!important;color:#e9edef!important}body.dark-theme .template-preview-footer{border-top-color:#ffffff14!important;color:#8696a0!important}body.dark-theme .template-card-footer{border-top-color:var(--border)!important;color:var(--text-secondary)!important}body.dark-theme .template-lang-badge code{background-color:var(--bg-input)!important;color:var(--text-primary)!important}.abandoned-carts-container{margin:0 auto;max-width:1200px;padding:30px}.page-header{margin-bottom:24px}.page-title{font-size:28px;letter-spacing:-.5px;margin-bottom:6px}.page-subtitle{color:var(--text-secondary);font-size:14px}.carts-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.carts-stat-card{align-items:center;display:flex;gap:12px;overflow:hidden;padding:16px;position:relative;transition:transform .2s ease,border-color .2s ease}.carts-stat-card:hover{border-color:var(--accent);transform:translateY(-2px)}.glassmorphism-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 4px 20px #00000005}.carts-stat-icon-wrapper{align-items:center;border-radius:10px;display:flex;height:40px;justify-content:center;width:40px}.carts-stat-icon{font-size:16px}.carts-stat-icon-wrapper.recovery-rate{background:#10b9811a;color:var(--success)}.carts-stat-icon-wrapper.recovered-rev{background:#6366f11a;color:var(--accent)}.carts-stat-icon-wrapper.abandoned-rev{background:#ef44441a;color:var(--danger)}.carts-stat-icon-wrapper.total-carts{background:#f59e0b1a;color:var(--warning)}.carts-stat-details{display:flex;flex:1 1;flex-direction:column;min-width:0}.carts-stat-value{color:var(--text-primary);font-size:20px;font-weight:800;line-height:1.2}.carts-stat-label{color:var(--text-secondary);font-size:12px;font-weight:500;margin-top:2px}.carts-stat-meta{color:var(--text-muted);font-size:10px;margin-top:4px}.carts-stat-progress-bar-container{background:var(--border-default);border-radius:3px;height:6px;margin-top:8px;overflow:hidden;width:100%}.carts-stat-progress-bar-fill{background:var(--success);border-radius:3px;height:100%}.filters-section{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px;padding:16px 20px}.carts-search-box{flex:1 1;max-width:400px;min-width:260px;position:relative}.carts-search-icon{color:var(--text-muted);font-size:16px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:10}.carts-search-box input{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:10px;color:var(--text-primary);font-size:14px;outline:none;padding:10px 14px 10px 42px!important;transition:border-color .2s;width:100%}.carts-search-box input:focus{border-color:var(--accent)}.filter-select{border:1px solid var(--border-default);border-radius:10px;cursor:pointer;font-size:14px;outline:none;padding:10px 14px}.filter-select,.filter-select option{background:var(--bg-elevated);color:var(--text-primary)}.table-wrapper{min-height:200px}.carts-table{border-collapse:collapse;text-align:left;width:100%}.carts-table th{background:var(--bg-input);color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.carts-table td,.carts-table th{border-bottom:1px solid var(--border-subtle);padding:16px 24px}.carts-table td{vertical-align:middle}.table-row{transition:background-color .2s}.table-row:hover{background:#6366f10a}.abandoned-carts-container .customer-info{align-items:center;display:flex;flex-direction:row;gap:12px;text-align:left}.customer-avatar{align-items:center;background:#6366f11a;border:1px solid #6366f133;border-radius:50%;color:var(--accent);display:flex;flex-shrink:0;font-size:15px;font-weight:700;height:38px;justify-content:center;width:38px}.customer-name{font-size:14px}.customer-contact{align-items:center;color:var(--text-muted);display:flex;font-size:12px;gap:6px;margin-top:2px}.contact-dot{color:var(--text-muted);opacity:.5}.cart-items-preview{display:flex;flex-direction:column;gap:4px;max-width:250px}.preview-item{color:var(--text-secondary);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-qty{color:var(--text-muted);font-size:11px;font-weight:500;margin-left:4px}.cart-value{color:var(--text-primary);font-size:14px;font-weight:700}.cart-date{color:var(--text-secondary);font-size:13px}.status-badge{border-radius:12px;display:inline-flex;font-size:11px;font-weight:700;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase}.status-recovered{background:#10b98126;border:1px solid #10b98133;color:var(--success)}.status-reminded{background:#6366f126;border:1px solid #6366f133;color:var(--accent)}.status-abandoned{background:#f59e0b26;border:1px solid #f59e0b33;color:var(--warning)}.actions-header{text-align:right}.actions-cell{display:flex;gap:8px;justify-content:flex-end}.btn-action{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:8px 14px;text-decoration:none;transition:background-color .2s,transform .1s}.btn-action:active{transform:scale(.97)}.btn-view-link{background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-primary)}.btn-view-link:hover{background:var(--bg-input);color:var(--text-primary)}.btn-send-reminder{background:var(--accent);color:#fff}.btn-send-reminder:hover{background:var(--accent-secondary)}.btn-send-reminder:disabled{cursor:not-allowed;opacity:.6}.empty-state,.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 40px;text-align:center}.spinner{animation:spin 1s linear infinite;border:3px solid #6366f126;border-top:3px solid var(--accent);height:36px;margin-bottom:16px;width:36px}.empty-icon{color:var(--text-muted);font-size:48px;margin-bottom:16px}.empty-state h3{color:var(--text-primary);font-size:18px;margin-bottom:8px}.empty-state p{color:var(--text-muted);font-size:14px;max-width:380px}.error-state p{color:var(--danger);font-weight:500;margin-bottom:16px}.btn-retry{background:#ef44441a;border:1px solid #ef444433;border-radius:8px;color:var(--danger);cursor:pointer;font-weight:600;padding:8px 16px}@media (max-width:1024px){.carts-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.abandoned-carts-container{padding:16px}.filters-section{align-items:stretch;flex-direction:column}.carts-search-box{max-width:none;min-width:0}.actions-cell{align-items:stretch;flex-direction:column}}@media (max-width:480px){.carts-stats-grid{grid-template-columns:1fr}}.about-page{background:linear-gradient(180deg,#14532d2e,#09090b00 340px),#09090b;color:#fafafa;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;overflow-x:hidden}.about-page button{font-family:inherit}.about-nav{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#09090bd1;border-bottom:1px solid #3f3f468c;position:-webkit-sticky;position:sticky;top:0;z-index:100}.about-nav-inner{align-items:center;display:flex;gap:28px;margin:0 auto;max-width:1180px;min-height:72px;padding:0 28px}.about-link-button,.about-logo,.about-nav-links button{background:#0000;border:0;color:inherit;cursor:pointer}.about-logo{align-items:center;color:#f4f4f5;display:inline-flex;font-size:17px;font-weight:800;gap:10px;white-space:nowrap}.about-logo svg{color:#22c55e;font-size:27px}.about-nav-links{display:flex;flex:1 1;gap:8px;justify-content:center}.about-link-button,.about-nav-links button{color:#a1a1aa;font-size:14px;font-weight:600;padding:10px 12px;transition:color .2s ease,background .2s ease}.about-link-button:hover,.about-nav-links button.active,.about-nav-links button:hover{color:#fafafa}.about-nav-actions{align-items:center;display:flex;gap:10px}.about-primary-button,.about-secondary-button{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:800;gap:10px;justify-content:center;min-height:48px;padding:0 20px;transition:transform .2s ease,border-color .2s ease,background .2s ease}.about-primary-button{background:#22c55e;box-shadow:0 18px 44px #22c55e3d;color:#052e16}.about-cta-card button:hover,.about-footer button:hover,.about-primary-button:hover,.about-secondary-button:hover{transform:translateY(-2px)}.about-primary-button.small{min-height:40px;padding:0 16px}.about-secondary-button{background:#27272acc;border-color:#52525bcc;color:#fafafa}.about-container{margin:0 auto;max-width:1180px;padding:60px 28px 90px}.about-hero{margin:0 auto 60px;max-width:800px;text-align:center}.about-hero-badge{align-items:center;background:#22c55e1a;border:1px solid #22c55e40;border-radius:99px;color:#86efac;display:inline-flex;font-size:12px;font-weight:800;gap:8px;letter-spacing:1px;margin-bottom:24px;padding:6px 12px;text-transform:uppercase}.about-hero h1{color:#fff;font-size:52px;font-weight:900;letter-spacing:-.5px;line-height:1.1;margin:0 0 20px}.about-hero-lead{color:#a1a1aa;font-size:18px;line-height:1.6;margin:0}.about-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:70px}.about-stat-card{background:#18181b99;border:1px solid #3f3f46b3;border-radius:12px;padding:28px;text-align:center;transition:border-color .3s ease,transform .3s ease}.about-stat-card:hover{border-color:#22c55e66;transform:translateY(-2px)}.stat-icon{color:#22c55e;font-size:24px;margin-bottom:16px}.about-stat-card h3{color:#fff;font-size:36px;font-weight:800;margin:0 0 8px}.about-stat-card p{color:#a1a1aa;font-size:14px;font-weight:600;margin:0}.about-mission-section{grid-gap:60px;align-items:flex-start;border-top:1px solid #3f3f4680;display:grid;gap:60px;grid-template-columns:1.1fr .9fr;margin-bottom:80px;padding-top:40px}.mission-content h2,.values-list h2{color:#fff;font-size:28px;font-weight:800;margin:0 0 20px}.mission-content p{color:#d4d4d8;font-size:15px;line-height:1.7;margin:0 0 20px}.values-list{display:flex;flex-direction:column;gap:20px}.value-item{background:#18181b66;border:1px solid #3f3f4699;border-radius:12px;display:flex;gap:16px;padding:20px}.value-icon{align-items:center;background:#22c55e1a;border:1px solid #22c55e33;border-radius:8px;color:#22c55e;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.value-item h3{color:#fff;font-size:16px;font-weight:700;margin:0 0 6px}.value-item p{color:#a1a1aa;font-size:13px;line-height:1.5;margin:0}.about-cta-card{background:linear-gradient(135deg,#14532d33,#09090bcc);border:1px solid #22c55e59;border-radius:16px;box-shadow:0 16px 40px #0006;margin:0 auto;max-width:900px;padding:50px;text-align:center}.about-cta-card h2{color:#fff;font-size:32px;font-weight:800;margin:0 0 14px}.about-cta-card p{color:#d4d4d8;font-size:15px;line-height:1.6;margin:0 auto 30px;max-width:600px}.cta-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.about-footer{align-items:center;border-top:1px solid #3f3f46a6;display:flex;gap:18px;margin:0 auto;max-width:1180px;padding:42px 28px}.about-footer p{color:#a1a1aa;flex:1 1;font-size:14px;margin:0}.about-footer button{align-items:center;background:#22c55e;border:1px solid #22c55e;border-radius:8px;color:#052e16;cursor:pointer;display:inline-flex;font-size:14px;font-weight:800;gap:8px;justify-content:center;min-height:44px;min-width:138px;padding:0 16px;transition:transform .2s ease,background .2s ease}@media (max-width:992px){.about-stats-grid{grid-template-columns:repeat(2,1fr)}.about-mission-section{gap:40px;grid-template-columns:1fr}}@media (max-width:768px){.about-nav-inner{flex-wrap:wrap;gap:12px;min-height:auto;padding:14px 18px}.about-nav-links{display:none}.about-nav-actions{margin-left:auto}.about-container{padding:40px 18px 60px}.about-hero h1{font-size:36px}.about-hero-lead{font-size:16px}.about-stats-grid{grid-template-columns:1fr}.about-cta-card{padding:30px 20px}.about-cta-card h2{font-size:24px}.cta-actions button{width:100%}.about-footer{align-items:flex-start;flex-direction:column;padding:30px 18px}.about-footer button{width:100%}}.services-page{background:linear-gradient(180deg,#14532d2e,#09090b00 340px),#09090b;color:#fafafa;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;overflow-x:hidden}.services-page button{font-family:inherit}.services-nav{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#09090bd1;border-bottom:1px solid #3f3f468c;position:-webkit-sticky;position:sticky;top:0;z-index:100}.services-nav-inner{align-items:center;display:flex;gap:28px;margin:0 auto;max-width:1180px;min-height:72px;padding:0 28px}.services-link-button,.services-logo,.services-nav-links button{background:#0000;border:0;color:inherit;cursor:pointer}.services-logo{align-items:center;color:#f4f4f5;display:inline-flex;font-size:17px;font-weight:800;gap:10px;white-space:nowrap}.services-logo svg{color:#22c55e;font-size:27px}.services-nav-links{display:flex;flex:1 1;gap:8px;justify-content:center}.services-link-button,.services-nav-links button{color:#a1a1aa;font-size:14px;font-weight:600;padding:10px 12px;transition:color .2s ease,background .2s ease}.services-link-button:hover,.services-nav-links button.active,.services-nav-links button:hover{color:#fafafa}.services-nav-actions{align-items:center;display:flex;gap:10px}.services-primary-button,.services-secondary-button{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:800;gap:10px;justify-content:center;min-height:48px;padding:0 20px;transition:transform .2s ease,border-color .2s ease,background .2s ease}.services-primary-button{background:#22c55e;box-shadow:0 18px 44px #22c55e3d;color:#052e16}.services-footer button:hover,.services-primary-button:hover,.services-secondary-button:hover{transform:translateY(-2px)}.services-primary-button.small{min-height:40px;padding:0 16px}.services-secondary-button{background:#27272acc;border-color:#52525bcc;color:#fafafa}.services-container{margin:0 auto;max-width:1180px;padding:60px 28px 90px}.services-hero{margin:0 auto 60px;max-width:800px;text-align:center}.services-hero-badge{align-items:center;background:#22c55e1a;border:1px solid #22c55e40;border-radius:99px;color:#86efac;display:inline-flex;font-size:12px;font-weight:800;gap:8px;letter-spacing:1px;margin-bottom:24px;padding:6px 12px;text-transform:uppercase}.services-hero h1{color:#fff;font-size:52px;font-weight:900;letter-spacing:-.5px;line-height:1.1;margin:0 0 20px}.services-hero-lead{color:#a1a1aa;font-size:18px;line-height:1.6;margin:0}.services-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:70px}.service-card{background:#18181b99;border:1px solid #3f3f46b3;border-radius:12px;display:flex;flex-direction:column;padding:30px;text-align:left;transition:border-color .3s ease,transform .3s ease}.service-card:hover{border-color:#22c55e66;transform:translateY(-3px)}.service-icon{align-items:center;background:#22c55e1a;border:1px solid #22c55e33;border-radius:8px;color:#22c55e;display:flex;font-size:20px;height:44px;justify-content:center;margin-bottom:24px;width:44px}.service-card h3{color:#fff;font-size:18px;font-weight:800;line-height:1.35;margin:0 0 12px}.service-card p{color:#a1a1aa;font-size:14px;line-height:1.6;margin:0}.custom-integration-banner{align-items:center;background:linear-gradient(135deg,#09090be6,#14532d40);border:1px solid #3f3f46cc;border-radius:16px;display:flex;gap:30px;justify-content:space-between;padding:40px 50px}.banner-text{text-align:left}.banner-text h2{color:#fff;font-size:24px;font-weight:800;margin:0 0 10px}.banner-text p{color:#a1a1aa;font-size:14px;line-height:1.5;margin:0;max-width:650px}.custom-integration-banner button{flex-shrink:0}.services-footer{border-top:1px solid #3f3f46a6;gap:18px;margin:0 auto;max-width:1180px;padding:42px 28px}.footer-brand,.services-footer{align-items:center;display:flex}.footer-brand{color:#fafafa;font-weight:900;gap:10px;white-space:nowrap}.footer-brand svg{color:#22c55e;font-size:24px}.services-footer p{color:#a1a1aa;flex:1 1;font-size:14px;margin:0}.services-footer button{align-items:center;background:#22c55e;border:1px solid #22c55e;border-radius:8px;color:#052e16;cursor:pointer;display:inline-flex;font-size:14px;font-weight:800;gap:8px;justify-content:center;min-height:44px;min-width:138px;padding:0 16px;transition:transform .2s ease,background .2s ease}@media (max-width:992px){.services-grid{grid-template-columns:repeat(2,1fr)}.custom-integration-banner{align-items:flex-start;flex-direction:column;padding:30px}.custom-integration-banner button{width:100%}}@media (max-width:768px){.services-nav-inner{flex-wrap:wrap;gap:12px;min-height:auto;padding:14px 18px}.services-nav-links{display:none}.services-nav-actions{margin-left:auto}.services-container{padding:40px 18px 60px}.services-hero h1{font-size:36px}.services-hero-lead{font-size:16px}.services-grid{grid-template-columns:1fr}.services-footer{align-items:flex-start;flex-direction:column;padding:30px 18px}.services-footer button{width:100%}}.forgot-page{background:var(--bg-base);display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.forgot-brand-panel{background:linear-gradient(145deg,#0f0f12,#1a1a2e 50%,#16213e);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:64px;position:relative}.forgot-brand-panel:before{background:radial-gradient(circle,#6366f140 0,#0000 70%);content:"";height:500px;pointer-events:none;position:absolute;right:-10%;top:-20%;width:500px}.forgot-brand-panel:after{background:radial-gradient(circle,#10b98126 0,#0000 70%);bottom:-10%;content:"";height:400px;left:-10%;pointer-events:none;position:absolute;width:400px}.forgot-back-btn{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#18181b99;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;left:24px;padding:10px 18px;position:absolute;top:24px;transition:all .2s ease;z-index:2}.forgot-back-btn:hover{background:#27272acc;color:var(--text-primary);transform:translateX(-2px)}.forgot-brand-content{max-width:480px;position:relative;z-index:1}.forgot-brand-logo{align-items:center;display:flex;gap:14px;margin-bottom:40px}.forgot-brand-logo svg{color:var(--success);filter:drop-shadow(0 0 12px rgba(16,185,129,.5));font-size:40px}.forgot-brand-logo span{font-size:24px;font-weight:800;letter-spacing:-.5px}.forgot-brand-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;background-clip:text;font-size:42px;font-weight:800;letter-spacing:-1.5px;line-height:1.15;margin-bottom:20px}.forgot-brand-desc{color:var(--text-secondary);font-size:16px;line-height:1.7;margin-bottom:40px}.forgot-brand-features{display:flex;flex-direction:column;gap:16px}.forgot-brand-feature{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:12px}.forgot-brand-feature svg{color:var(--success);flex-shrink:0;font-size:16px}.forgot-form-panel{align-items:center;background:var(--bg-base);display:flex;justify-content:center;padding:48px 32px}.forgot-card{max-width:420px;width:100%}.forgot-card-header{margin-bottom:36px}.forgot-card-header h1{font-size:28px;font-weight:800;letter-spacing:-.5px;margin-bottom:8px}.forgot-card-header p{color:var(--text-muted);font-size:15px}.forgot-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--radius-md);color:#fca5a5;font-size:14px;margin-bottom:24px;padding:14px 16px}.forgot-success{align-items:center;background:#10b9811a;border:1px solid #10b9814d;border-radius:var(--radius-md);color:#a7f3d0;display:flex;flex-direction:column;font-size:15px;gap:12px;margin-bottom:24px;padding:24px 20px;text-align:center}.forgot-success svg{color:var(--success);font-size:32px}.forgot-success p{line-height:1.5;margin:0}.forgot-field{margin-bottom:22px}.forgot-field label{color:var(--text-secondary);display:block;font-size:13px;font-weight:600;margin-bottom:8px}.forgot-field input{background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:15px;padding:14px 16px;transition:border-color .2s,box-shadow .2s,background .2s;width:100%}.forgot-field input:focus{background:#27272ae6;border-color:var(--accent);box-shadow:0 0 0 3px #6366f133}.forgot-submit{background:linear-gradient(135deg,var(--accent) 0,var(--accent-secondary) 100%);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-glow);color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:8px;padding:14px 24px;transition:transform .2s,box-shadow .2s,opacity .2s;width:100%}.forgot-submit:hover:not(:disabled){box-shadow:0 8px 24px #6366f180;transform:translateY(-2px)}.forgot-submit:disabled{cursor:not-allowed;opacity:.6}.forgot-card-footer{border-top:1px solid var(--border-subtle);margin-top:24px;padding-top:20px;text-align:center}.forgot-return-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:600;transition:color .2s}.forgot-return-btn:hover{color:var(--text-primary);text-decoration:underline}@media (max-width:900px){.forgot-page{grid-template-columns:1fr}.forgot-brand-panel{display:none}.forgot-form-panel{min-height:100vh;position:relative}.forgot-mobile-back{left:20px;position:absolute;top:20px}}.reset-page{background:var(--bg-base);display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.reset-brand-panel{background:linear-gradient(145deg,#0f0f12,#1a1a2e 50%,#16213e);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:64px;position:relative}.reset-brand-panel:before{background:radial-gradient(circle,#6366f140 0,#0000 70%);content:"";height:500px;pointer-events:none;position:absolute;right:-10%;top:-20%;width:500px}.reset-brand-panel:after{background:radial-gradient(circle,#10b98126 0,#0000 70%);bottom:-10%;content:"";height:400px;left:-10%;pointer-events:none;position:absolute;width:400px}.reset-back-btn{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#18181b99;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;left:24px;padding:10px 18px;position:absolute;top:24px;transition:all .2s ease;z-index:2}.reset-back-btn:hover{background:#27272acc;color:var(--text-primary);transform:translateX(-2px)}.reset-brand-content{max-width:480px;position:relative;z-index:1}.reset-brand-logo{align-items:center;display:flex;gap:14px;margin-bottom:40px}.reset-brand-logo svg{color:var(--success);filter:drop-shadow(0 0 12px rgba(16,185,129,.5));font-size:40px}.reset-brand-logo span{font-size:24px;font-weight:800;letter-spacing:-.5px}.reset-brand-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;background-clip:text;font-size:42px;font-weight:800;letter-spacing:-1.5px;line-height:1.15;margin-bottom:20px}.reset-brand-desc{color:var(--text-secondary);font-size:16px;line-height:1.7;margin-bottom:40px}.reset-brand-features{display:flex;flex-direction:column;gap:16px}.reset-brand-feature{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:12px}.reset-brand-feature svg{color:var(--success);flex-shrink:0;font-size:16px}.reset-form-panel{align-items:center;background:var(--bg-base);display:flex;justify-content:center;padding:48px 32px}.reset-card{max-width:420px;width:100%}.reset-card-header{margin-bottom:36px}.reset-card-header h1{font-size:28px;font-weight:800;letter-spacing:-.5px;margin-bottom:8px}.reset-card-header p{color:var(--text-muted);font-size:15px}.reset-error{background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--radius-md);color:#fca5a5;font-size:14px;margin-bottom:24px;padding:14px 16px}.reset-success{align-items:center;background:#10b9811a;border:1px solid #10b9814d;border-radius:var(--radius-md);color:#a7f3d0;display:flex;flex-direction:column;font-size:15px;gap:12px;margin-bottom:24px;padding:24px 20px;text-align:center}.reset-success svg{color:var(--success);font-size:32px}.reset-success p{line-height:1.5;margin:0}.reset-field{margin-bottom:22px}.reset-field label{color:var(--text-secondary);display:block;font-size:13px;font-weight:600;margin-bottom:8px}.reset-field input{background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:15px;padding:14px 16px;transition:border-color .2s,box-shadow .2s,background .2s;width:100%}.reset-field input:focus{background:#27272ae6;border-color:var(--accent);box-shadow:0 0 0 3px #6366f133}.reset-submit{background:linear-gradient(135deg,var(--accent) 0,var(--accent-secondary) 100%);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-glow);color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:8px;padding:14px 24px;transition:transform .2s,box-shadow .2s,opacity .2s;width:100%}.reset-submit:hover:not(:disabled){box-shadow:0 8px 24px #6366f180;transform:translateY(-2px)}.reset-submit:disabled{cursor:not-allowed;opacity:.6}.reset-card-footer{border-top:1px solid var(--border-subtle);margin-top:24px;padding-top:20px;text-align:center}.reset-return-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:600;transition:color .2s}.reset-return-btn:hover{color:var(--text-primary);text-decoration:underline}@media (max-width:900px){.reset-page{grid-template-columns:1fr}.reset-brand-panel{display:none}.reset-form-panel{min-height:100vh;position:relative}.reset-mobile-back{left:20px;position:absolute;top:20px}}.privacy-container{background:linear-gradient(135deg,#09090b,#111115);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:60px 24px}body.dark-theme .privacy-container,body:not(.dark-theme) .privacy-container{color:#f4f4f5!important}body.dark-theme .privacy-container h1,body:not(.dark-theme) .privacy-container h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff 30%,#c7d2fe);-webkit-background-clip:text;color:#fff!important}body.dark-theme .privacy-container h2,body:not(.dark-theme) .privacy-container h2{color:#c7d2fe!important}body.dark-theme .privacy-container h3,body:not(.dark-theme) .privacy-container h3{color:#34d399!important}body.dark-theme .privacy-container h4,body:not(.dark-theme) .privacy-container h4{color:#c7d2fe!important}body.dark-theme .privacy-container li,body.dark-theme .privacy-container p,body.dark-theme .privacy-container span:not(.logo-text),body.dark-theme .privacy-container td,body:not(.dark-theme) .privacy-container li,body:not(.dark-theme) .privacy-container p,body:not(.dark-theme) .privacy-container span:not(.logo-text),body:not(.dark-theme) .privacy-container td{color:#e4e4e7!important}body.dark-theme .privacy-container strong,body:not(.dark-theme) .privacy-container strong{color:#fff!important;font-weight:700!important}body.dark-theme .legal-callout h3,body:not(.dark-theme) .legal-callout h3{color:#34d399!important}body.dark-theme .legal-callout p,body:not(.dark-theme) .legal-callout p{color:#d1fae5!important}body.dark-theme .guideline-item:first-child h4,body:not(.dark-theme) .guideline-item:first-child h4{color:#38bdf8!important}body.dark-theme .guideline-item:last-child h4,body:not(.dark-theme) .guideline-item:last-child h4{color:#fb7185!important}body.dark-theme .guideline-item p,body:not(.dark-theme) .guideline-item p{color:#a1a1aa!important}body.dark-theme .pricing-table th,body:not(.dark-theme) .pricing-table th{background-color:#6366f133!important;background:#6366f133!important;border-bottom:2px solid #6366f140!important;color:#c7d2fe!important}body.dark-theme .pricing-table li,body.dark-theme .pricing-table td,body:not(.dark-theme) .pricing-table li,body:not(.dark-theme) .pricing-table td{color:#e4e4e7!important}body.dark-theme .pricing-table li,body:not(.dark-theme) .pricing-table li{color:#a1a1aa!important}.privacy-header{justify-content:space-between;margin:0 auto 50px;max-width:1000px}.back-btn,.privacy-header{align-items:center;display:flex}.back-btn{background:#ffffff08!important;border:1px solid #ffffff14!important;border-radius:12px;cursor:pointer;font-size:14px;gap:8px;padding:10px 20px;transition:all .2s ease}body.dark-theme .back-btn,body:not(.dark-theme) .back-btn{color:#a1a1aa!important}.back-btn:hover{background:#ffffff14!important;border-color:#6366f166!important;box-shadow:0 4px 12px #6366f11a;transform:translateX(-3px)}body.dark-theme .back-btn:hover,body:not(.dark-theme) .back-btn:hover{color:#fff!important}.privacy-logo{align-items:center;display:flex;font-size:20px;font-weight:700;gap:10px}body.dark-theme .privacy-logo span.logo-text,body:not(.dark-theme) .privacy-logo span.logo-text{color:#818cf8!important}.privacy-content{margin:0 auto;max-width:1000px}.privacy-hero{margin-bottom:60px;text-align:center}.hero-icon{color:#10b981;filter:drop-shadow(0 0 15px rgba(16,185,129,.2));font-size:64px;margin-bottom:24px}.privacy-hero h1{font-size:40px;font-weight:800;letter-spacing:-.5px;margin-bottom:16px}body.dark-theme .privacy-hero p.hero-date,body:not(.dark-theme) .privacy-hero p.hero-date{color:#71717a!important;font-size:14px}body.dark-theme .privacy-hero p.hero-sub,body:not(.dark-theme) .privacy-hero p.hero-sub{color:#d4d4d8!important;font-size:16px!important;line-height:1.6;margin:20px auto 0;max-width:700px}.privacy-section-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#141419bf;border:1px solid #ffffff0f;border-radius:24px;box-shadow:0 20px 40px #0000004d;margin-bottom:32px;padding:40px;transition:border-color .3s ease}.privacy-section-card:hover{border-color:#6366f126}.privacy-section-card h2{border-left:4px solid #6366f1;font-size:24px;font-weight:700;margin-bottom:24px;margin-top:0;padding-left:16px}.privacy-section-card ul{margin-bottom:0;padding-left:24px}.legal-callout{background:#10b9810f;border:1px solid #10b98140;border-radius:18px;display:flex;gap:20px;margin-top:24px;padding:28px}.callout-icon{color:#34d399;flex-shrink:0;font-size:42px;margin-top:4px}.guideline-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin-top:24px}.guideline-item{background:#ffffff05;border:1px solid #ffffff0d;border-radius:18px;padding:28px;transition:all .3s ease}.guideline-item:hover{background:#ffffff08;border-color:#ffffff14}.guideline-item h4{font-size:17px;font-weight:700;margin-bottom:14px;margin-top:0}.pricing-table{border-collapse:collapse;margin-top:28px;text-align:left;width:100%}.pricing-table th{font-size:14.5px;font-weight:600;padding:18px}.pricing-table td{border-bottom:1px solid #ffffff0d;font-size:14.5px;padding:18px;vertical-align:top}.pricing-table tr:hover{background:hsla(0,0%,100%,.015)}.pricing-table ul{margin-top:10px;padding-left:20px}body.dark-theme .privacy-footer p,body:not(.dark-theme) .privacy-footer p{color:#71717a!important;font-size:13px}.privacy-footer{border-top:1px solid #ffffff0f;margin-top:80px;padding:50px 0;text-align:center}@media (max-width:768px){.guideline-grid{grid-template-columns:1fr}.privacy-hero h1{font-size:32px}.privacy-section-card{padding:28px}}:root{--brand:#16a34a;--brand-dark:#15803d;--brand-light:#f0fdf4;--brand-glow:#16a34a14;--sidebar-bg:#fff;--sidebar-item:#0000;--sidebar-active:#f0fdf4;--sidebar-border:#e2e8f0;--sidebar-text:#64748b;--sidebar-text-active:#16a34a;--bg-app:#f8fafc;--bg-card:#fff;--bg-hover:#f1f5f9;--text-primary:#0f172a;--text-secondary:#64748b;--text-muted:#94a3b8;--border:#e2e8f0;--border-focus:#16a34a;--success:#16a34a;--danger:#ef4444;--warning:#f59e0b;--info:#3b82f6;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 1px 3px 0 #0000000d,0 1px 2px -1px #0000000d;--shadow-md:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #0000000d,0 4px 6px -4px #0000000d;--shadow-brand:0 4px 12px #16a34a26}body.dark-theme{--bg-app:#09090b;--bg-card:#18181b;--bg-hover:#27272a;--text-primary:#fff;--text-secondary:#a1a1aa;--text-muted:#71717a;--border:#27272a;--shadow-sm:0 1px 4px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--sidebar-bg:#18181b;--sidebar-item:#ffffff0f;--sidebar-active:#ffffff14;--sidebar-border:#27272a;--sidebar-text:#a1a1aa;--sidebar-text-active:#fff;--brand:#16a34a!important;--brand-dark:#15803d!important;--brand-light:#16a34a14!important;--brand-glow:#16a34a1a!important}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:#f8fafc;background:var(--bg-app);color:#0f172a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;transition:background .3s,color .3s}#root,.App{min-height:100vh}.App{background:#f8fafc;background:var(--bg-app);display:flex}.sidebar{background:#fff;background:var(--sidebar-bg);border-right:1px solid #e2e8f0;border-right:1px solid var(--sidebar-border);box-shadow:4px 0 24px #0000002e;height:100vh;left:0;overflow:visible;position:fixed;top:0;transition:width .32s cubic-bezier(.4,0,.2,1);width:72px;z-index:200}.sidebar,.sidebar-inner{display:flex;flex-direction:column}.sidebar-inner{height:100%;overflow:hidden;width:100%}.sidebar.sidebar-expanded{width:248px}.sidebar:before{background:radial-gradient(circle,#25d3661a 0,#0000 70%);content:"";height:180px;pointer-events:none;position:absolute;right:-60px;top:-60px;width:180px;z-index:0}.sidebar-toggle-btn{align-items:center;background:#fff;background:var(--bg-card);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:50%;box-shadow:0 1px 3px 0 #0000000d,0 1px 2px -1px #0000000d;box-shadow:var(--shadow-sm);color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;height:26px;justify-content:center;line-height:1;padding:0;position:absolute;right:-13px;top:72px;transition:all .22s ease;width:26px;z-index:300}.sidebar-toggle-btn:hover{background:#16a34a;background:var(--brand);border-color:#16a34a;border-color:var(--brand);box-shadow:0 4px 12px #16a34a26;box-shadow:var(--shadow-brand);color:#fff;transform:scale(1.08)}.toggle-arrow{display:inline-block;font-size:16px;line-height:1;margin-left:1px;transform:rotate(0deg);transition:transform .32s cubic-bezier(.4,0,.2,1)}.toggle-arrow.open{margin-left:-1px;transform:rotate(180deg)}.sidebar-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);flex-shrink:0;min-height:66px;padding:16px 14px;position:relative;z-index:1}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{gap:11px;overflow:hidden;text-decoration:none;white-space:nowrap;width:100%}.sidebar:not(.sidebar-expanded) .sidebar-header{justify-content:center;padding:16px 0}.sidebar-brand-name{animation:fadeInLabel .22s ease .18s forwards;color:#0f172a;color:var(--text-primary);font-size:15px;font-weight:800;letter-spacing:-.3px;opacity:0;white-space:nowrap}@keyframes fadeInLabel{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.sidebar-logo-icon{align-items:center;background:linear-gradient(135deg,#16a34a,#15803d);background:linear-gradient(135deg,var(--brand) 0,var(--brand-dark) 100%);border-radius:10px;box-shadow:0 4px 12px #16a34a26;box-shadow:var(--shadow-brand);display:flex;flex-shrink:0;font-size:18px;height:36px;justify-content:center;width:36px}.sidebar-nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:10px 8px;position:relative;z-index:1}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.nav-section{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);margin-bottom:4px;padding-bottom:8px}.nav-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.nav-section-title{align-items:center;animation:fadeInLabel .2s ease .14s forwards;color:var(--accent);display:flex;font-size:10px;font-weight:700;gap:6px;letter-spacing:1.2px;opacity:0;overflow:hidden;padding:10px 10px 5px;text-transform:uppercase;white-space:nowrap}.nav-section-title:before{background:var(--accent);border-radius:2px;content:"";display:inline-block;flex-shrink:0;height:1.5px;opacity:.7;width:14px}.nav-links{display:flex;flex-direction:column;gap:2px;list-style:none}.nav-links li a{align-items:center;border-radius:10px;color:#64748b;color:var(--sidebar-text);display:flex;font-size:13px;font-weight:500;gap:12px;justify-content:center;overflow:hidden;padding:10px;position:relative;text-decoration:none;transition:background .16s ease,color .16s ease;white-space:nowrap}.sidebar-expanded .nav-links li a{justify-content:flex-start;padding:10px 12px}.nav-links li a svg{flex-shrink:0;font-size:17px;min-width:17px;opacity:.75;transition:opacity .16s,transform .16s}.nav-label{animation:fadeInLabel .18s ease .1s forwards;display:none;font-size:13px;font-weight:500;opacity:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-expanded .nav-label{display:block}.nav-links li a:hover{background:#f1f5f9;background:var(--bg-hover);color:#0f172a;color:var(--text-primary)}.nav-links li a:hover svg{opacity:1;transform:scale(1.06)}.nav-links li a.active{background:#f0fdf4;background:var(--sidebar-active);color:#16a34a;color:var(--sidebar-text-active);font-weight:600}.nav-links li a.active svg{color:#16a34a;color:var(--sidebar-text-active);opacity:1}.nav-links li a.active:before{background:#16a34a;background:var(--sidebar-text-active);border-radius:0 3px 3px 0;bottom:20%;content:"";left:0;position:absolute;top:20%;width:3px}.ai-status-indicator{align-items:center;display:inline-flex}.ai-status-dot{animation:pulse 2s ease-in-out infinite;background:#16a34a;background:var(--brand);border-radius:50%;box-shadow:0 0 6px #16a34a;box-shadow:0 0 6px var(--brand);height:6px;width:6px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(1.15)}}.sidebar-footer{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;gap:8px;padding:12px 10px;position:relative;z-index:1}.sidebar-expanded .sidebar-footer{align-items:center;flex-direction:row;gap:10px;padding:12px 14px}.sidebar-user{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0;overflow:hidden}.sidebar-user-avatar{align-items:center;background:linear-gradient(135deg,#16a34a,#15803d);background:linear-gradient(135deg,var(--brand) 0,var(--brand-dark) 100%);border-radius:50%;box-shadow:0 1px 3px 0 #0000000d,0 1px 2px -1px #0000000d;box-shadow:var(--shadow-sm);color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:34px;justify-content:center;width:34px}.sidebar-user-info{animation:fadeInLabel .2s ease .15s forwards;display:flex;flex:1 1;flex-direction:column;min-width:0;opacity:0;overflow:hidden}.sidebar-user-name{color:#0f172a;color:var(--text-primary);font-size:12.5px;font-weight:600}.sidebar-user-email,.sidebar-user-name{line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-email{color:#64748b;color:var(--text-secondary);font-size:10px}.sidebar-logout-btn{align-items:center;background:#ef44440d;border:1px solid #ef444426;border-radius:50%;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;gap:6px;height:32px;justify-content:center;padding:0;transition:all .2s ease;white-space:nowrap;width:32px}.sidebar-expanded .sidebar-logout-btn{border-radius:20px;font-size:13px;height:30px;padding:0 12px;width:auto}.sidebar-logout-btn:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:72px;min-height:100vh;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.main-content.main-content-expanded{margin-left:248px}.top-bar{align-items:center;background:#fff;background:var(--bg-card);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);box-shadow:0 1px 3px 0 #0000000d,0 1px 2px -1px #0000000d;box-shadow:var(--shadow-sm);display:flex;gap:20px;padding:14px 28px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.top-bar-left{flex-shrink:0}.top-bar-greeting{display:flex;flex-direction:column;gap:1px}.greeting-text{color:#0f172a;color:var(--text-primary);font-size:15px;font-weight:700;letter-spacing:-.3px}.greeting-sub{color:#94a3b8;color:var(--text-muted);font-size:12px}.search-bar{flex:1 1;margin-left:auto;max-width:400px}.search-wrapper{position:relative}.search-input{background:#f1f5f9;background:var(--bg-hover);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:10px;color:#0f172a;color:var(--text-primary);font-family:Inter,sans-serif;font-size:13.5px;padding:10px 16px 10px 40px;transition:all .2s ease;width:100%}.search-input::placeholder{color:#94a3b8;color:var(--text-muted)}.search-input:focus{background:#fff;background:var(--bg-card);border-color:#16a34a;border-color:var(--brand);box-shadow:0 0 0 3px #25d3661f;outline:none}.search-icon{color:#94a3b8;color:var(--text-muted);font-size:16px;left:13px;position:absolute;top:50%;transform:translateY(-50%)}.top-bar-actions{gap:10px}.icon-button,.top-bar-actions{align-items:center;display:flex}.icon-button{background:#f1f5f9;background:var(--bg-hover);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:10px;color:#64748b;color:var(--text-secondary);cursor:pointer;height:38px;justify-content:center;position:relative;transition:all .18s ease;width:38px}.icon-button:hover{background:#f0fdf4;background:var(--brand-light);border-color:#16a34a;border-color:var(--brand);color:#15803d;color:var(--brand-dark);transform:translateY(-1px)}.icon-button svg{font-size:17px}.theme-toggle-btn svg{transition:transform .4s ease}.theme-toggle-btn:hover svg{transform:rotate(30deg) scale(1.15)}.theme-toggle-btn:hover{background:#ffffff14!important;border-color:#fff!important;color:#fff!important}.notification-badge{align-items:center;background:#ef4444;background:var(--danger);border:2px solid #fff;border:2px solid var(--bg-card);border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;position:absolute;right:-5px;top:-5px;width:18px}.btn-primary{align-items:center;background:linear-gradient(135deg,#16a34a,#15803d);background:linear-gradient(135deg,var(--brand) 0,var(--brand-dark) 100%);border:none;border-radius:10px;box-shadow:0 4px 12px #16a34a26;box-shadow:var(--shadow-brand);color:#fff;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:13.5px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-primary:hover{box-shadow:0 6px 16px #16a34a14;box-shadow:0 6px 16px var(--brand-glow);transform:translateY(-2px)}.btn{align-items:center;border:1.5px solid #0000;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:13px;font-weight:600;gap:7px;padding:9px 16px;transition:all .18s ease}.btn-secondary{background:#f1f5f9;background:var(--bg-hover);border-color:#e2e8f0;border-color:var(--border);color:#64748b;color:var(--text-secondary)}.btn-secondary:hover{background:#e2e8f0;background:var(--border);color:#0f172a;color:var(--text-primary)}.btn-success{background:linear-gradient(135deg,#16a34a,#15803d);background:linear-gradient(135deg,var(--brand) 0,var(--brand-dark) 100%);border-color:#0000;box-shadow:0 4px 12px #16a34a26;box-shadow:var(--shadow-brand);color:#fff}.btn-success:hover{box-shadow:0 6px 16px #16a34a14;box-shadow:0 6px 16px var(--brand-glow);transform:translateY(-1px)}.btn-danger{background:#ef444412;border-color:#ef444440;color:#ef4444;color:var(--danger)}.btn-danger:hover{background:#ef444424}.page-content{flex:1 1;overflow-y:auto}.container{max-width:100%;padding:28px 32px;width:100%}.page-header{margin-bottom:28px}.page-title{color:#0f172a;color:var(--text-primary);font-size:24px;font-weight:800;letter-spacing:-.6px;margin-bottom:5px}.page-subtitle{color:#94a3b8;color:var(--text-muted);font-size:13.5px}.stats-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:28px}.stat-card{background:#fff;background:var(--bg-card);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000000d,0 1px 2px -1px #0000000d;box-shadow:var(--shadow-sm);overflow:hidden;padding:16px 18px;position:relative;transition:all .25s ease}.stat-card:after{background:linear-gradient(90deg,#16a34a,#15803d);background:linear-gradient(90deg,var(--brand),var(--brand-dark));content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .25s}.stat-card:hover{border-color:#25d3664d;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d;box-shadow:var(--shadow-md);transform:translateY(-3px)}.stat-card:hover:after{opacity:1}.stat-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.stat-card-header h3{color:#94a3b8;color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.6px;text-transform:uppercase}.stat-icon{align-items:center;border-radius:10px;display:flex;font-size:18px;height:36px;justify-content:center;width:36px}.stat-value{color:#0f172a;color:var(--text-primary);font-size:26px;font-weight:800;letter-spacing:-1.2px;margin-bottom:4px}.stat-change{align-items:center;display:flex;font-size:12.5px;font-weight:500;gap:5px}.stat-change.positive{color:#16a34a;color:var(--success)}.stat-change.negative{color:#ef4444;color:var(--danger)}.quick-actions-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:28px}.quick-action-card{align-items:flex-start;background:#fff;background:var(--bg-card);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000000d,0 1px 2px -1px #0000000d;box-shadow:var(--shadow-sm);display:flex;gap:14px;padding:18px 20px;text-decoration:none;transition:all .22s ease}.quick-action-card:hover{border-color:#16a34a;border-color:var(--brand);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.quick-action-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.quick-action-card h4{color:#0f172a;color:var(--text-primary);font-size:14px;font-weight:700;margin:0 0 3px}.quick-action-card p{color:#94a3b8;color:var(--text-muted);font-size:12.5px;line-height:1.5;margin:0}.table-container,.table-container-premium{background:#fff;background:var(--bg-card);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000000d,0 1px 2px -1px #0000000d;box-shadow:var(--shadow-sm);margin-bottom:24px;overflow:hidden}.table-header,.table-header-premium{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px}.table-header h2,.table-header-premium h2{color:#0f172a;color:var(--text-primary);font-size:16px;font-weight:700;letter-spacing:-.3px;margin:0}.premium-table,table{border-collapse:collapse;width:100%}.premium-table thead,thead{background:#f1f5f9;background:var(--bg-hover)}.premium-table thead th,thead th{color:#94a3b8;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.8px;padding:12px 20px;text-align:left;text-transform:uppercase}.premium-table thead th,.table-row-premium,tbody tr,thead th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border)}.table-row-premium,tbody tr{outline:none;transition:background .15s}.table-row-premium:hover,tbody tr:hover{background:#f1f5f9;background:var(--bg-hover)}.table-row-premium:last-child,tbody tr:last-child{border-bottom:none}.table-row-premium td,tbody td{color:#64748b;color:var(--text-secondary);font-size:13.5px;padding:16px 20px}.table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.customer-cell{gap:12px}.avatar,.customer-cell{align-items:center;display:flex}.avatar{border-radius:50%;box-shadow:0 2px 10px #00000026;color:#fff;flex-shrink:0;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.customer-info{display:flex;flex-direction:column;gap:2px}.customer-name{color:#0f172a;color:var(--text-primary);font-size:13.5px;font-weight:600}.customer-phone{color:#94a3b8;color:var(--text-muted);font-size:12px}.badge,.badge-premium{align-items:center;border:1px solid #0000;border-radius:20px;display:inline-flex;font-size:11.5px;font-weight:600;gap:5px;letter-spacing:.2px;padding:4px 10px}.badge-active{background:#16a34a1a;border-color:#16a34a40;color:#16a34a}.badge-resolved{background:#3b82f61a;border-color:#3b82f640;color:#2563eb}.badge-escalated{background:#ef44441a;border-color:#ef444440;color:#dc2626}.badge-pending{background:#f59e0b1a;border-color:#f59e0b40;color:#d97706}.badge-urgent{background:#ef44441f;border-color:#ef44444d;box-shadow:0 0 10px #ef444433;color:#ef4444}.badge-high{background:#f973161a;border-color:#f9731640;color:#ea580c}.badge-medium{background:#eab3081a;border-color:#eab30840;color:#ca8a04}.badge-low{background:#6366f11a;border-color:#6366f140;color:#4f46e5}.badge-cancelled{background:#64748b1a;border-color:#64748b40;color:#64748b}.badge-in_progress{background:#f59e0b1a;border-color:#f59e0b40;color:#d97706}.badge-closed{background:#64748b1a;border-color:#64748b40;color:#64748b}.badge-return_processing{background:#f973161a;border-color:#f9731640;color:#ea580c}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{color:#94a3b8;color:var(--text-muted);font-size:11.5px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-group input[type=email],.filter-group input[type=number],.filter-group input[type=tel],.filter-group input[type=text],.filter-group select{background:#f1f5f9;background:var(--bg-hover);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#0f172a;color:var(--text-primary);cursor:pointer;font-family:Inter,sans-serif;font-size:13.5px;padding:9px 13px;transition:all .18s ease}.filter-group input:focus,.filter-group select:focus{background:#fff;background:var(--bg-card);border-color:#16a34a;border-color:var(--brand);box-shadow:0 0 0 3px #16a34a14;box-shadow:0 0 0 3px var(--brand-glow);outline:none}.filter-group input::placeholder{color:#94a3b8;color:var(--text-muted)}.filters{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}input:not([type=checkbox]):not([type=radio]),select,textarea{font-family:inherit}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{border-color:#16a34a!important;border-color:var(--brand)!important;box-shadow:0 0 0 3px #16a34a14!important;box-shadow:0 0 0 3px var(--brand-glow)!important;outline:none}.loading{align-items:center;color:#94a3b8;color:var(--text-muted);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.spinner{animation:spin .75s linear infinite;border:3px solid #e2e8f0;border-top-color:#16a34a;border:3px solid var(--border);border-radius:50%;border-top-color:var(--brand);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.error{background:#ef444412;border:1.5px solid #ef444433;border-radius:12px;border-radius:var(--radius-md);color:#ef4444;color:var(--danger);font-size:13.5px;padding:16px 18px}.text-muted{color:#94a3b8!important;color:var(--text-muted)!important;font-size:13px}.text-capitalize{text-transform:capitalize}.stat-card-premium{background:#fff;background:var(--bg-card);border:1.5px solid #e2e8f0;border:1.5px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000000d,0 1px 2px -1px #0000000d;box-shadow:var(--shadow-sm);overflow:hidden;padding:16px 18px;position:relative;transition:all .25s ease}.stat-card-premium:hover{border-color:#16a34a;border-color:var(--brand);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d;box-shadow:var(--shadow-md);transform:translateY(-3px)}.stat-icon-premium{align-items:center;border-radius:10px;display:flex;font-size:18px;height:36px;justify-content:center;transition:transform .2s;width:36px}.stat-card-premium:hover .stat-icon-premium{transform:scale(1.1) rotate(4deg)}.stat-value-premium{color:#0f172a;color:var(--text-primary);font-size:26px;font-weight:800;letter-spacing:-1.2px;margin-bottom:4px}.mobile-menu-toggle{display:none}@media (max-width:1024px){.sidebar{width:85px}.main-content{margin-left:85px}}@media (max-width:768px){.sidebar{box-shadow:8px 0 32px #00000026!important;transform:translateX(-100%)!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;width:248px!important}.sidebar.sidebar-expanded{transform:translateX(0)!important}.sidebar-toggle-btn{display:none!important}.mobile-menu-toggle{align-items:center;background:#0000;border:none;border-radius:8px;color:#0f172a;color:var(--text-primary);cursor:pointer;display:flex!important;font-size:20px;justify-content:center;margin-right:12px;padding:6px;transition:background .2s}.mobile-menu-toggle:hover{background:#f1f5f9;background:var(--bg-hover)}.main-content{margin-left:0!important;width:100%!important}.top-bar{flex-wrap:wrap!important;gap:16px!important;height:auto!important;padding:16px!important}.top-bar-left{align-items:center!important;display:flex!important;flex:1 1!important}.search-bar{order:3!important;width:100%!important}.top-bar-actions{align-items:center!important;display:flex!important;gap:12px!important;margin-left:auto!important}.stats-grid{grid-template-columns:1fr!important}.container{padding:16px!important}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0006;display:block;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:190}.sidebar-close-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;color:var(--sidebar-text);cursor:pointer;display:flex!important;font-size:18px;justify-content:center;margin-left:auto;padding:8px;transition:all .2s ease}.sidebar-close-btn:hover{background:#ffffff14;color:#fff}}.sidebar-backdrop,.sidebar-close-btn{display:none}.impersonation-banner{align-items:center;animation:slideDown .3s ease-out;background:linear-gradient(90deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b33;color:#fff;display:flex;font-size:14px;font-weight:500;gap:16px;height:42px;justify-content:space-between;padding:10px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:1001}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.impersonation-content{align-items:center;display:flex;gap:8px}.impersonation-badge{background:#fff3;border-radius:12px;font-size:11px;font-weight:700;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.impersonation-exit-btn{align-items:center;background:#fff;border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#d97706;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:4px 12px;transition:all .2s ease}.impersonation-exit-btn:hover{background:#fef3c7;box-shadow:0 4px 6px #00000026;transform:translateY(-1px)}.impersonation-exit-btn:active{transform:translateY(0)}.logo-img{filter:drop-shadow(0 2px 6px rgba(34,197,94,.25));height:28px;object-fit:contain;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);width:28px}.logo-img:hover{transform:scale(1.1) rotate(3deg)}.logo-img-large{filter:drop-shadow(0 4px 10px rgba(34,197,94,.3));height:44px;object-fit:contain;width:44px}.system-announcement-banner{align-items:center;animation:slideDown .3s ease-out;border-bottom:1px solid #ffffff1a;box-shadow:0 4px 12px #00000026;display:flex;font-size:14px;font-weight:500;gap:16px;justify-content:space-between;padding:10px 24px;z-index:1000}.system-announcement-banner.banner-info{background:linear-gradient(90deg,#3b82f6,#1d4ed8);color:#fff}.system-announcement-banner.banner-warning{background:linear-gradient(90deg,#f59e0b,#d97706);color:#fff}.system-announcement-banner.banner-success{background:linear-gradient(90deg,#10b981,#047857);color:#fff}.system-announcement-banner.banner-danger{background:linear-gradient(90deg,#ef4444,#b91c1c);color:#fff}.announcement-content{align-items:center;display:flex;gap:12px;text-align:left}.announcement-badge{background:#fff3;border-radius:12px;font-size:10px;font-weight:700;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.announcement-close-btn{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;justify-content:center;opacity:.8;padding:4px;transition:opacity .2s ease}.announcement-close-btn:hover{opacity:1}.pagination-bar{align-items:center;background:var(--bg-surface);border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-top:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 24px}.pagination-info{color:#64748b;color:var(--text-secondary);font-size:13.5px}.pagination-info strong{color:#0f172a;color:var(--text-primary)}.pagination-buttons{align-items:center;display:flex;gap:8px}.btn-pagination{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:6px;color:#0f172a;color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:500;min-width:32px;padding:6px 12px;text-align:center;transition:all .2s ease}.btn-pagination:hover:not(:disabled){background:var(--bg-input);border-color:var(--accent);color:var(--accent)}.btn-pagination.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn-pagination:disabled{cursor:not-allowed;opacity:.4}.pagination-dots{color:#94a3b8;color:var(--text-muted);font-size:14px;padding:0 4px}body.dark-theme .nav-links li a.active{background:#ffffff14!important;color:#fff!important}body.dark-theme .nav-links li a.active svg{color:#fff!important}body.dark-theme .nav-links li a.active:before{background:#fff!important}body.dark-theme input:-webkit-autofill,body.dark-theme input:-webkit-autofill:active,body.dark-theme input:-webkit-autofill:focus,body.dark-theme input:-webkit-autofill:hover{-webkit-text-fill-color:#0f172a!important;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:0 0 0 30px var(--bg-input) inset!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}body.dark-theme .login-forgot-link{color:#64748b!important;color:var(--text-secondary)!important}body.dark-theme .login-forgot-link:hover{color:#0f172a!important;color:var(--text-primary)!important}
/*# sourceMappingURL=main.0cbd0fd0.css.map*/