@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:#f4f6fb;--bg-elevated:#fff;--bg-surface:#ffffffd9;--bg-input:#f8fafc;--border-subtle:#e8edf5e6;--border-default:#e8edf5;--accent:#25d366;--accent-secondary:#128c7e;--shadow-glow:0 4px 20px #25d36633}body.dark-theme{--bg-base:#0f1c2e;--bg-elevated:#162030;--bg-surface:#162030cc;--bg-input:#1e2e42b3;--border-subtle:#ffffff0d;--border-default:#ffffff14;--accent:#25d366;--accent-secondary:#128c7e;--success:#25d366;--danger:#ef4444;--warning:#f59e0b;--shadow-glow:0 4px 20px #25d36640}*{box-sizing:border-box;margin:0;padding:0}body{-moz-osx-font-smoothing:grayscale;background-color:#f4f6fb;background-color:var(--bg-base);transition:background-color .3s ease,color .3s ease}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}body:not(.dark-theme) .sidebar{background:#ffffffd9;background:var(--bg-surface);border-right:1px solid #e8edf5e6;border-right:1px solid var(--border-subtle);box-shadow:0 8px 32px #0000000d}body:not(.dark-theme) .sidebar-logo{color:#0f1c2e;color:var(--text-primary)}body:not(.dark-theme) .nav-links li a{color:#5a6a7a;color:var(--text-secondary)}body:not(.dark-theme) .nav-links li a:hover{background:#f8fafc;background:var(--bg-input);color:#0f1c2e;color:var(--text-primary)}body:not(.dark-theme) .nav-links li a.active{background:linear-gradient(135deg,#4f46e51a,#7c3aed1a);box-shadow:0 0 20px #4f46e514;color:#25d366;color:var(--accent)}body:not(.dark-theme) .sidebar-user-name{color:#0f1c2e;color:var(--text-primary)}body:not(.dark-theme) .sidebar-user-email{color:#94a3b8;color:var(--text-muted)}body:not(.dark-theme) .sidebar-footer{border-top:1px solid #e8edf5e6;border-top:1px solid var(--border-subtle)}body:not(.dark-theme) .sidebar-header,body:not(.dark-theme) .top-bar{border-bottom:1px solid #e8edf5e6;border-bottom:1px solid var(--border-subtle)}body:not(.dark-theme) .top-bar{background:#ffffffd9;background:var(--bg-surface)}body:not(.dark-theme) .greeting-text{color:#0f1c2e;color:var(--text-primary)}body:not(.dark-theme) .greeting-sub{color:#5a6a7a;color:var(--text-secondary)}body:not(.dark-theme) .search-wrapper{background:#f8fafc;background:var(--bg-input);border:1px solid #e8edf5e6;border:1px solid var(--border-subtle)}body:not(.dark-theme) .search-input{color:#0f1c2e;color:var(--text-primary)}body:not(.dark-theme) .search-input::placeholder{color:#94a3b8;color:var(--text-muted)}body:not(.dark-theme) .icon-button{background:#f8fafc;background:var(--bg-input);border-color:#e8edf5e6;border-color:var(--border-subtle);color:#5a6a7a;color:var(--text-secondary)}body:not(.dark-theme) .icon-button:hover{background:#e8edf5e6;background:var(--border-subtle);color:#0f1c2e;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) .chat-container,body:not(.dark-theme) .conversations-container,body:not(.dark-theme) .dashboard-stat-card,body:not(.dark-theme) .detail-card,body:not(.dark-theme) .integration-card,body:not(.dark-theme) .kb-card,body:not(.dark-theme) .orders-table-container,body:not(.dark-theme) .panel,body:not(.dark-theme) .settings-card,body:not(.dark-theme) .stat-card,body:not(.dark-theme) .super-admin-card,body:not(.dark-theme) .table-container,body:not(.dark-theme) .template-card{background:#fff!important;background:var(--bg-elevated)!important;border:1px solid #e8edf5e6!important;border:1px solid var(--border-subtle)!important;box-shadow:0 4px 20px #0000000a!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:#0f1c2e!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:#5a6a7a!important;color:var(--text-secondary)!important}body:not(.dark-theme) th{background:#f8fafc!important;background:var(--bg-input)!important;border-bottom:2px solid #e8edf5!important;border-bottom:2px solid var(--border-default)!important;color:#0f1c2e!important;color:var(--text-primary)!important}body:not(.dark-theme) td{border-bottom:1px solid #e8edf5e6!important;border-bottom:1px solid var(--border-subtle)!important;color:#5a6a7a!important;color:var(--text-secondary)!important}body:not(.dark-theme) tr:hover td{background:#00000003!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:#0f1c2e!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:#25d366!important;border-color:var(--accent)!important;box-shadow:0 0 0 2px #4f46e51a!important}body:not(.dark-theme) .conversation-item{border-bottom:1px solid #e8edf5e6;border-bottom:1px solid var(--border-subtle)}body:not(.dark-theme) .conversation-item:hover{background:#f4f6fb;background:var(--bg-base)}body:not(.dark-theme) .conversation-item.active{background:#f8fafc;background:var(--bg-input)}body:not(.dark-theme) .conversation-name{color:#0f1c2e;color:var(--text-primary)}body:not(.dark-theme) .conversation-preview{color:#94a3b8;color:var(--text-muted)}body:not(.dark-theme) .chat-header{background:#fff;background:var(--bg-elevated);border-bottom:1px solid #e8edf5e6;border-bottom:1px solid var(--border-subtle)}body:not(.dark-theme) .message-bubble.incoming{background:#f8fafc;background:var(--bg-input);color:#0f1c2e;color:var(--text-primary)}body:not(.dark-theme) .message-bubble.outgoing{background:#25d366;background:var(--accent);color:#fff}body:not(.dark-theme) .chat-input-container{background:#fff;background:var(--bg-elevated);border-top:1px solid #e8edf5e6;border-top:1px solid var(--border-subtle)}body:not(.dark-theme) .chat-input-wrapper{background:#f8fafc;background:var(--bg-input);border:1px solid #e8edf5e6;border:1px solid var(--border-subtle)}.empty-state,.filter-bar,.template-card{background-color:#fff!important;background-color:var(--bg-elevated)!important;border-color:#e8edf5e6!important;border-color:var(--border-subtle)!important}.empty-state h3,.template-name{color:#0f1c2e!important;color:var(--text-primary)!important}body:not(.dark-theme) .table-container-premium{background:#fff!important;background:var(--bg-elevated)!important;border-color:#e8edf5e6!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 #e8edf5e6!important;border-bottom:1px solid var(--border-subtle)!important}body:not(.dark-theme) .table-header-premium h2{color:#0f1c2e!important;color:var(--text-primary)!important}body:not(.dark-theme) .premium-table thead{background:#f8fafc!important;background:var(--bg-input)!important}body:not(.dark-theme) .premium-table thead th{color:#5a6a7a!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 #e8edf5e6!important;border-bottom:1px solid var(--border-subtle)!important}body:not(.dark-theme) .table-row-premium:hover{background:#00000003!important}body:not(.dark-theme) .table-row-premium td{color:#5a6a7a!important;color:var(--text-secondary)!important}body:not(.dark-theme) .super-admin-search{background:#f8fafc!important;background:var(--bg-input)!important;border-color:#e8edf5e6!important;border-color:var(--border-subtle)!important}body:not(.dark-theme) .super-admin-search input{color:#0f1c2e!important;color:var(--text-primary)!important}body:not(.dark-theme) .stat-info h3{color:#5a6a7a!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 #e8edf5e6!important;border:1px solid var(--border-subtle)!important;box-shadow:0 20px 60px #0000001a!important}body:not(.dark-theme) .modal-close{color:#5a6a7a!important;color:var(--text-secondary)!important}body:not(.dark-theme) .btn-secondary,body:not(.dark-theme) .modal-close:hover{color:#0f1c2e!important;color:var(--text-primary)!important}body:not(.dark-theme) .btn-secondary{background:#f8fafc!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:#0f1c2e!important;color:var(--text-primary)!important}body:not(.dark-theme) .discount-preview{background:#f8fafc!important;background:var(--bg-input)!important;border-color:#e8edf5e6!important;border-color:var(--border-subtle)!important}body:not(.dark-theme) .preview-row{color:#5a6a7a!important;color:var(--text-secondary)!important}body:not(.dark-theme) .preview-row.final{border-top:1px solid #e8edf5e6!important;border-top:1px solid var(--border-subtle)!important;color:#0f1c2e!important;color:var(--text-primary)!important}body:not(.dark-theme) .detail-row span:first-child{color:#5a6a7a!important;color:var(--text-secondary)!important}body:not(.dark-theme) .detail-row span:last-child,body:not(.dark-theme) .detail-row strong{color:#0f1c2e!important;color:var(--text-primary)!important}body:not(.dark-theme) .token-stat{background:#f8fafc!important;background:var(--bg-input)!important}body:not(.dark-theme) .token-stat strong{color:#0f1c2e!important;color:var(--text-primary)!important}body:not(.dark-theme) .progress-bar{background:#f8fafc!important;background:var(--bg-input)!important}body:not(.dark-theme) .progress-label{color:#5a6a7a!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:#e8edf5e6!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:#0f1c2e!important;color:var(--text-primary)!important}body:not(.dark-theme) .quick-action-card p{color:#5a6a7a!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:#e8edf5e6!important;border-color:var(--border-subtle)!important}body:not(.dark-theme) .breakdown-bar,body:not(.dark-theme) .sentiment-display{background:#f8fafc!important;background:var(--bg-input)!important}body:not(.dark-theme) .breakdown-label{color:#5a6a7a!important;color:var(--text-secondary)!important}body:not(.dark-theme) .breakdown-value,body:not(.dark-theme) .sentiment-reasoning{color:#0f1c2e!important;color:var(--text-primary)!important}body:not(.dark-theme) .sentiment-reasoning{background:#6366f10d!important}body:not(.dark-theme) .legend-item{color:#5a6a7a!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:#e8edf5e6!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:#0f1c2e!important;color:var(--text-primary)!important}body:not(.dark-theme) .order-id-cell{color:#25d366!important;color:var(--accent)!important}body:not(.dark-theme) .orders-empty h3{color:#0f1c2e!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:#e8edf5e6!important;border-bottom-color:var(--border-subtle)!important}body:not(.dark-theme) .live-chat-container{background:#f4f6fb!important;background:var(--bg-base)!important;border-color:#e8edf5e6!important;border-color:var(--border-subtle)!important}body:not(.dark-theme) .conversations-sidebar{background:#ffffffd9!important;background:var(--bg-surface)!important;border-right-color:#e8edf5e6!important;border-right-color:var(--border-subtle)!important}body:not(.dark-theme) .sidebar-header{border-bottom-color:#e8edf5e6!important;border-bottom-color:var(--border-subtle)!important}body:not(.dark-theme) .sidebar-header h2{color:#0f1c2e!important;color:var(--text-primary)!important}body:not(.dark-theme) .search-box{border-bottom-color:#e8edf5e6!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:#0f1c2e!important;color:var(--text-primary)!important}body:not(.dark-theme) .search-box input:focus{background:#fff!important;background:var(--bg-elevated)!important;border-color:#25d366!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:#f8fafc!important;background:var(--bg-input)!important;border-color:#e8edf5e6!important;border-color:var(--border-subtle)!important}body:not(.dark-theme) .customer-name{color:#0f1c2e!important;color:var(--text-primary)!important}body:not(.dark-theme) .last-message{color:#5a6a7a!important;color:var(--text-secondary)!important}body:not(.dark-theme) .chat-window{background:#f4f6fb!important;background:var(--bg-base)!important}body:not(.dark-theme) .chat-header{background:#ffffffd9!important;background:var(--bg-surface)!important;border-bottom-color:#e8edf5e6!important;border-bottom-color:var(--border-subtle)!important}body:not(.dark-theme) .customer-details h3{color:#0f1c2e!important;color:var(--text-primary)!important}body:not(.dark-theme) .customer-contact{color:#5a6a7a!important;color:var(--text-secondary)!important}body:not(.dark-theme) .customer-message{background:#fff!important;background:var(--bg-elevated)!important;border-color:#e8edf5e6!important;border-color:var(--border-subtle)!important}body:not(.dark-theme) .customer-message,body:not(.dark-theme) .message-content{color:#0f1c2e!important;color:var(--text-primary)!important}body:not(.dark-theme) .message-sender,body:not(.dark-theme) .message-time{color:#94a3b8!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:#25d366!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:#ffffffd9!important;background:var(--bg-surface)!important;border-top-color:#e8edf5e6!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:#0f1c2e!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:#25d366!important;border-color:var(--accent)!important}body:not(.dark-theme) .empty-state-large h3{color:#0f1c2e!important;color:var(--text-primary)!important}body:not(.dark-theme) .chat-filter-tab,body:not(.dark-theme) .empty-state-large p{color:#5a6a7a!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:#25d366!important;border-color:var(--accent)!important;color:#0f1c2e!important;color:var(--text-primary)!important}body:not(.dark-theme) .chat-filter-tab.active{background:linear-gradient(135deg,#4f46e51a,#7c3aed1a)!important;border-color:#25d366!important;border-color:var(--accent)!important;color:#25d366!important;color:var(--accent)!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}.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 button: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 button,.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 button,.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(3,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-links-col button{background:#0000;border:0;color:#71717a;cursor:pointer;font-size:13px;font-weight:600;padding:0;text-align:left;transition:color .2s ease}.footer-links-col button:hover{color:#fff}.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}.preview-sidebar{border-bottom:1px solid #3f3f46b3;border-right:0;grid-row:auto}.preview-insights,.pricing-grid,.security-band,.workflow-grid{grid-template-columns:1fr}.platform-copy h2,.section-heading h2{font-size:30px}.landing-footer{align-items:flex-start;flex-direction:column}.landing-footer button{width:100%}}.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:16px;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:40px;justify-content:center}.partner-logo-item{align-items:center;color:#a1a1aa;display:flex;font-size:16px;font-weight:700;gap:10px;opacity:.75;transition:opacity .2s ease,color .2s ease}.partner-logo-item:hover{color:#fafafa;opacity:1}.partner-logo-item.shopify svg{color:#95bf47}.partner-logo-item.woocommerce svg{color:#7f54b3}.partner-logo-item.whatsapp svg{color:#25d366}.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}.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-primary{box-shadow:0 4px 16px #6366f166}.btn-primary:hover{box-shadow:0 8px 24px #6366f180}.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}.search-icon{color:#71717a;font-size:14px;left:36px}.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(500px,1fr))}.integration-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#27272a99;border:1px solid #3f3f4680;border-radius:16px;padding:28px;transition:all .3s ease}.integration-card:hover{border-color:#6366f180;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:#fafafa;font-size:20px;font-weight:600;margin:0 0 8px}.integration-info p{color:#a1a1aa;font-size:14px;line-height:1.5;margin:0}.integration-connected{display:flex;flex-direction:column;gap:20px}.connected-badge{align-items:center;background:#10b98133;border:1px solid #10b9814d;border-radius:8px;color:#10b981;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;width:-webkit-fit-content;width:fit-content}.integration-details{background:#18181b99;border-radius:10px;display:flex;flex-direction:column;gap:12px;padding:16px}.detail-label{color:#a1a1aa;font-size:13px}.detail-value{color:#fafafa;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:#a5b4fc;display:flex;font-size:13px;gap:8px;justify-content:center;padding:10px;text-decoration:none;transition:color .2s ease}.setup-guide-link:hover{color:#c7d2fe}.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{background:linear-gradient(135deg,#6366f1,#8b5cf6);font-size:14px;padding:12px 24px}.btn-primary:hover{box-shadow:0 8px 24px #6366f166}.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{align-items:center;color:#fafafa;display:flex;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}.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:#fafafa;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:#fafafa;font-size:20px;font-weight:700}.plan-meta-list{display:flex;flex-direction:column;gap:12px}.plan-meta-item{align-items:center;color:#a1a1aa;display:flex;font-size:14px;gap:10px}.plan-meta-item svg{color:#6366f1}.token-usage-card h3{color:#fafafa;font-size:18px;font-weight:700;margin:0 0 4px}.usage-subtitle{color:#71717a;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:#fafafa;font-size:32px;font-weight:800}.limit-amount{color:#71717a;font-size:18px;font-weight:600}.divider{color:#3f3f46;font-size:20px;margin:0 4px}.usage-numeric-row .unit{color:#71717a;font-size:14px;font-weight:500}.percentage-display{color:#fafafa;font-size:20px;font-weight:700}.progress-bar-container{background:#3f3f4666;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:#fafafa;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}.filter-bar{align-items:center;background-color:#fff;border:1px solid #f4f4f5;border-radius:12px;box-shadow:0 2px 10px #00000005;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px;padding:16px}@media (max-width:768px){.filter-bar{align-items:stretch;flex-direction:column}}.search-wrapper{flex:1 1}.search-icon{color:#a1a1aa;left:12px}.search-input{border:1px solid #e4e4e7;border-radius:8px;font-size:14px;padding:10px 12px 10px 36px}.search-input:focus{box-shadow:0 0 0 2px #25d3661a}.filters-container{display:flex;gap:12px}.filter-group{align-items:center;gap:8px}.filter-icon{color:#71717a}.filter-select{background-color:#fff;border:1px solid #e4e4e7;border-radius:8px;padding:8px 12px}.filter-select:focus{border-color:#25d366}.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:#fff;border:1px solid #f4f4f5;border-radius:16px;box-shadow:0 4px 20px #00000008;display:flex;flex-direction:column;padding:24px;transition:all .2s ease}.template-card:hover{box-shadow:0 10px 25px #0000000d;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:#18181b;font-size:18px;font-weight:700;margin:0;word-break:break-all}.template-category-tag{background-color:#e0e7ff;border-radius:12px;color:#6366f1;font-size:11px;font-weight:700;padding:2px 8px;width:-webkit-max-content;width:max-content}.template-mapping-section{background-color:#f8f9fa;border:1px dashed #e4e4e7;border-radius:10px;display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding:12px 16px}.mapping-label{align-items:center;color:#4b5563;display:flex;font-size:13px;font-weight:600;gap:6px}.mapping-select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:13px;outline:none;padding:8px 12px}.mapping-select:focus{border-color:#25d366}.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}.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;overflow-x:auto}.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}.customer-info{align-items:center;gap:12px}.customer-avatar{align-items:center;background:#6366f11a;border:1px solid #6366f133;border-radius:50%;color:var(--accent);display:flex;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:#25d366;--brand-dark:#128c7e;--brand-light:#e8f9f0;--brand-glow:#25d3662e;--sidebar-bg:#0a1628;--sidebar-item:#ffffff0f;--sidebar-active:#25d36626;--sidebar-border:#ffffff12;--sidebar-text:#ffffff8c;--sidebar-text-active:#fff;--bg-app:#f4f6fb;--bg-card:#fff;--bg-hover:#f8fafc;--text-primary:#0f1c2e;--text-secondary:#5a6a7a;--text-muted:#94a3b8;--border:#e8edf5;--border-focus:#25d366;--success:#25d366;--danger:#ef4444;--warning:#f59e0b;--info:#3b82f6;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 1px 4px #0f1c2e0f;--shadow-md:0 4px 16px #0f1c2e1a;--shadow-lg:0 8px 32px #0f1c2e24;--shadow-brand:0 4px 20px #25d36640}body.dark-theme{--bg-app:#0f1c2e;--bg-card:#162030;--bg-hover:#1e2e42;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#ffffff14;--shadow-sm:0 1px 4px #0000004d;--shadow-md:0 4px 16px #00000059;--shadow-lg:0 8px 32px #00000073}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:#f4f6fb;background:var(--bg-app);color:#0f1c2e;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:#f4f6fb;background:var(--bg-app);display:flex}.sidebar{background:#0a1628;border-right:1px solid #ffffff0f;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:#0a1628;border:1.5px solid #25d36659;border-radius:50%;box-shadow:0 2px 10px #0006,0 0 0 0 #25d36600;color:#ffffffb3;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:#25d366;border-color:#25d366;box-shadow:0 4px 16px #25d36673;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 #ffffff0f;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:#fff;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,#25d366,#128c7e);border-radius:10px;box-shadow:0 4px 14px #25d36659;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 #ffffff0d;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:#25d366;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:#25d366;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:#ffffff85;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:#ffffff12;color:#ffffffe6}.nav-links li a:hover svg{opacity:1;transform:scale(1.06)}.nav-links li a.active{background:#25d36621;color:#25d366;font-weight:600}.nav-links li a.active svg{color:#25d366;opacity:1}.nav-links li a.active:before{background:#25d366;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:#25d366;border-radius:50%;box-shadow:0 0 6px #25d366cc;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 #ffffff0f;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,#25d366,#128c7e);border-radius:50%;box-shadow:0 2px 8px #25d3664d;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:#ffffffe0;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:#ffffff59;font-size:10px}.sidebar-logout-btn{align-items:center;background:#ef444414;border:1px solid #ef444438;border-radius:50%;color:#fca5a5;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:#ef44442e;border-color:#ef444473;color:#ff8a8a}.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 #e8edf5;border-bottom:1px solid var(--border);box-shadow:0 1px 4px #0f1c2e0f;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:#0f1c2e;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:#f8fafc;background:var(--bg-hover);border:1.5px solid #e8edf5;border:1.5px solid var(--border);border-radius:10px;color:#0f1c2e;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;border-color:#25d366;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:#f8fafc;background:var(--bg-hover);border:1.5px solid #e8edf5;border:1.5px solid var(--border);border-radius:10px;color:#5a6a7a;color:var(--text-secondary);cursor:pointer;height:38px;justify-content:center;position:relative;transition:all .18s ease;width:38px}.icon-button:hover{background:#e8f9f0;background:var(--brand-light);border-color:#25d366;border-color:var(--brand);color:#128c7e;color:var(--brand-dark);transform:translateY(-1px)}.icon-button svg{font-size:17px}.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,#25d366,#128c7e);background:linear-gradient(135deg,var(--brand) 0,var(--brand-dark) 100%);border:none;border-radius:10px;box-shadow:0 4px 20px #25d36640;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 8px 24px #25d36659;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:#f8fafc;background:var(--bg-hover);border-color:#e8edf5;border-color:var(--border);color:#5a6a7a;color:var(--text-secondary)}.btn-secondary:hover{background:#e8edf5;background:var(--border);color:#0f1c2e;color:var(--text-primary)}.btn-success{background:linear-gradient(135deg,#25d366,#128c7e);background:linear-gradient(135deg,var(--brand) 0,var(--brand-dark) 100%);border-color:#0000;box-shadow:0 4px 20px #25d36640;box-shadow:var(--shadow-brand);color:#fff}.btn-success:hover{box-shadow:0 6px 16px #25d36659;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:#0f1c2e;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 #e8edf5;border:1.5px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 4px #0f1c2e0f;box-shadow:var(--shadow-sm);overflow:hidden;padding:16px 18px;position:relative;transition:all .25s ease}.stat-card:after{background:linear-gradient(90deg,#25d366,#128c7e);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 16px #0f1c2e1a;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:#0f1c2e;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:#25d366;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 #e8edf5;border:1.5px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 4px #0f1c2e0f;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:#25d366;border-color:var(--brand);box-shadow:0 4px 16px #0f1c2e1a;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:#0f1c2e;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 #e8edf5;border:1.5px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 4px #0f1c2e0f;box-shadow:var(--shadow-sm);margin-bottom:24px;overflow:hidden}.table-header,.table-header-premium{align-items:center;border-bottom:1px solid #e8edf5;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px}.table-header h2,.table-header-premium h2{color:#0f1c2e;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:#f8fafc;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 #e8edf5;border-bottom:1px solid var(--border)}.table-row-premium,tbody tr{outline:none;transition:background .15s}.table-row-premium:hover,tbody tr:hover{background:#f8fafc;background:var(--bg-hover)}.table-row-premium:last-child,tbody tr:last-child{border-bottom:none}.table-row-premium td,tbody td{color:#5a6a7a;color:var(--text-secondary);font-size:13.5px;padding:16px 20px}.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:#0f1c2e;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:#25d3661a;border-color:#25d36640;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-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:#f8fafc;background:var(--bg-hover);border:1.5px solid #e8edf5;border:1.5px solid var(--border);border-radius:8px;border-radius:var(--radius-sm);color:#0f1c2e;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:#25d366;border-color:var(--brand);box-shadow:0 0 0 3px #25d3661f;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:#25d366!important;border-color:var(--brand)!important;box-shadow:0 0 0 3px #25d3661f!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 #e8edf5;border-top-color:#25d366;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 #e8edf5;border:1.5px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 4px #0f1c2e0f;box-shadow:var(--shadow-sm);overflow:hidden;padding:16px 18px;position:relative;transition:all .25s ease}.stat-card-premium:hover{border-color:#25d3664d;box-shadow:0 4px 16px #0f1c2e1a;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:#0f1c2e;color:var(--text-primary);font-size:26px;font-weight:800;letter-spacing:-1.2px;margin-bottom:4px}@media (max-width:1024px){.sidebar{width:85px}.main-content{margin-left:85px}}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.main-content{margin-left:0}.stats-grid{grid-template-columns:1fr}.top-bar{padding:12px 16px}.container{padding:16px}}.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}
/*# sourceMappingURL=main.d886569b.css.map*/