:root{--bg-primary: #f5f7fa;--bg-card: #ffffff;--bg-card-hover: #f9fafb;--bg-input: #ffffff;--bg-sidebar: #1a1a2e;--bg-header: #ffffff;--bg-table-head: #fafafa;--bg-table-hover: #f9fafb;--bg-overlay: rgba(0,0,0,.4);--bg-badge: #f3f4f6;--bg-tag: #eef4fc;--text-primary: #1a1a2e;--text-secondary: #555555;--text-muted: #888888;--text-placeholder: #94a3b8;--text-on-card: #333333;--text-link: #2563eb;--text-tag: #4a90d9;--border-primary: #e5e7eb;--border-input: #dddddd;--border-table: #f0f0f0;--shadow-card: 0 1px 3px rgba(0,0,0,.08);--shadow-card-hover: 0 2px 8px rgba(0,0,0,.12);--shadow-modal: 0 8px 32px rgba(0,0,0,.15);--accent-blue: #2563eb;--accent-blue-light: #dbeafe;--accent-green: #10b981;--accent-green-light: #d1fae5;--accent-yellow: #f59e0b;--accent-yellow-light: #fef3c7;--accent-red: #ef4444;--accent-red-light: #fef2f2}html.dark{--bg-primary: #0f1117;--bg-card: #1a1d2e;--bg-card-hover: #252940;--bg-input: #252940;--bg-sidebar: #0a0b14;--bg-header: #12141f;--bg-table-head: #1e2130;--bg-table-hover: #252940;--bg-overlay: rgba(0,0,0,.7);--bg-badge: #252940;--bg-tag: #1e2a4a;--text-primary: #e8eaf0;--text-secondary: #b0b5c4;--text-muted: #6b7280;--text-placeholder: #4b5563;--text-on-card: #d1d5e0;--text-link: #60a5fa;--text-tag: #7cb3f0;--border-primary: #2d3348;--border-input: #374060;--border-table: #2d3348;--shadow-card: 0 1px 3px rgba(0,0,0,.4);--shadow-card-hover: 0 4px 12px rgba(0,0,0,.5);--shadow-modal: 0 8px 32px rgba(0,0,0,.6);--accent-blue-light: #1e3a5f;--accent-green-light: #0d3326;--accent-yellow-light: #3d2e0a;--accent-red-light: #3d1212}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-on-card);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}html.dark body{background:var(--bg-primary);color:var(--text-on-card)}html.dark .sidebar,html.dark .super-sidebar{background:var(--bg-sidebar)}html.dark .header{background:var(--bg-header);border-color:var(--border-primary)}html.dark .header h1,html.dark .header .user-name{color:var(--text-primary)}html.dark .header .user-role{background:var(--bg-badge)!important;color:var(--text-muted)!important}html.dark .theme-toggle{border-color:var(--border-input)}html.dark .theme-toggle:hover{background:var(--bg-card-hover)}html.dark main{background:var(--bg-primary)}html.dark .section,html.dark .stat-card,html.dark .chart-card,html.dark .chart-section,html.dark .customer-card,html.dark .funnel-card,html.dark .create-form,html.dark .table-wrapper,html.dark .reports-page,html.dark .whatsapp-page{background:var(--bg-card);color:var(--text-on-card);box-shadow:var(--shadow-card)}html.dark .create-form-overlay{background:var(--bg-overlay)}html.dark .create-form-card,html.dark .create-form-overlay .create-form-card{background:var(--bg-card);color:var(--text-on-card);box-shadow:var(--shadow-modal)}html.dark .create-form-card h3,html.dark .create-form-overlay .create-form-card h3{color:var(--text-primary)}html.dark h2,html.dark h3,html.dark h4,html.dark .customer-name,html.dark .page-header h2{color:var(--text-primary)!important}html.dark .tab-bar{border-color:var(--border-primary)}html.dark .tab-bar a{color:var(--text-muted)}html.dark .tab-bar a.active{color:var(--text-link);border-color:var(--text-link)}html.dark .tab-bar a:hover{color:var(--text-primary)}html.dark table thead th{background:var(--bg-table-head);color:var(--text-muted);border-color:var(--border-table)}html.dark table tbody td{color:var(--text-on-card);border-color:var(--border-table)}html.dark table tbody tr:hover{background:var(--bg-table-hover)}html.dark .mini-table thead th{background:var(--bg-table-head);color:var(--text-muted);border-color:var(--border-table)}html.dark .mini-table tbody td{color:var(--text-on-card);border-color:var(--border-table)}html.dark .mini-table tbody tr:hover{background:var(--bg-table-hover)}html.dark input,html.dark select,html.dark textarea{background:var(--bg-input);color:var(--text-primary);border-color:var(--border-input)}html.dark input::placeholder,html.dark select::placeholder,html.dark textarea::placeholder{color:var(--text-placeholder)}html.dark input:focus,html.dark select:focus,html.dark textarea:focus{border-color:var(--accent-blue)}html.dark .form-group label{color:var(--text-secondary)}html.dark .field-hint,html.dark small{color:var(--text-muted)}html.dark .checkbox-label{color:var(--text-on-card)}html.dark .filter-btn{background:var(--bg-card);color:var(--text-secondary);border-color:var(--border-input)}html.dark .filter-btn.active{background:var(--accent-blue);color:#fff}html.dark .filter-btn:hover{background:var(--bg-card-hover)}html.dark .btn-refresh,html.dark .btn-export{background:var(--bg-card);color:var(--text-secondary);border-color:var(--border-input)}html.dark .btn-refresh:hover,html.dark .btn-export:hover{background:var(--bg-card-hover)}html.dark .btn-sm{background:var(--bg-card);color:var(--text-secondary);border-color:var(--border-input)}html.dark .btn-sm:hover{background:var(--bg-card-hover)}html.dark .btn-cancel{background:var(--bg-card);color:var(--text-secondary);border-color:var(--border-input)}html.dark .status-badge.bot-attending{background:var(--accent-blue-light);color:#93c5fd}html.dark .status-badge.waiting-human{background:var(--accent-yellow-light);color:#fcd34d}html.dark .status-badge.scheduled{background:var(--accent-green-light);color:#6ee7b7}html.dark .status-badge.done{background:var(--bg-badge);color:var(--text-muted)}html.dark .tag{background:var(--bg-tag);color:var(--text-tag)}html.dark .tag-add,html.dark .tag-add-btn{border-color:var(--border-input);color:var(--text-muted)}html.dark .tag-add:hover,html.dark .tag-add-btn:hover{border-color:var(--text-link);color:var(--text-link)}html.dark .tag-popup,html.dark .tag-input-popup{background:var(--bg-card);border-color:var(--border-primary);box-shadow:var(--shadow-modal)}html.dark .total{color:var(--text-muted)}html.dark .empty,html.dark .empty-state{color:var(--text-muted);background:var(--bg-card)}html.dark .loading{color:var(--text-muted)}html.dark p{color:var(--text-on-card)}html.dark .search-input{border-color:var(--border-input);background:var(--bg-input);color:var(--text-primary)}html.dark .search-input:focus{border-color:var(--accent-blue)}html.dark .stat-card .stat-label{color:var(--text-muted)}html.dark .stat-card .stat-value{color:var(--text-primary)}html.dark .stat-card .stat-sub{color:var(--text-link)}html.dark .bar-label{color:var(--text-muted)}html.dark .bar-value{color:var(--text-primary)}html.dark .status-item,html.dark .rank-item{color:var(--text-on-card)}html.dark .status-item .count,html.dark .rank-item .count{color:var(--text-primary)}html.dark .chat-page{background:var(--bg-card)}html.dark .chat-sidebar{border-color:var(--border-primary)}html.dark .chat-sidebar h3{color:var(--text-primary);border-color:var(--border-primary)}html.dark .conversation-item{border-color:var(--border-table)}html.dark .conversation-item:hover{background:var(--bg-card-hover)}html.dark .conversation-item.selected{background:var(--accent-blue-light)}html.dark .conv-info .conv-phone{color:var(--text-primary)}html.dark .conv-preview{color:var(--text-muted)}html.dark .chat-header{border-color:var(--border-primary);background:var(--bg-card)}html.dark .header-info .header-phone{color:var(--text-primary)}html.dark .chat-messages{background:var(--bg-primary)}html.dark .msg.msg-received{background:var(--bg-card);color:var(--text-on-card)}html.dark .msg.msg-sent{background:var(--accent-blue-light);color:var(--text-primary)}html.dark .msg-note{background:var(--accent-yellow-light)!important;color:#fef3c7}html.dark .msg-note .msg-meta{color:#fcd34d}html.dark .chat-input{border-color:var(--border-primary);background:var(--bg-card)}html.dark .chat-input input{background:var(--bg-input);color:var(--text-primary)}html.dark .chat-input.disabled{background:var(--bg-card-hover)}html.dark .chat-input.disabled span,html.dark .no-selection,html.dark .empty-chat,html.dark .msg-time{color:var(--text-muted)}html.dark .quick-replies-popup{background:var(--bg-card);border-color:var(--border-primary)}html.dark .qr-popup-header{border-color:var(--border-primary);color:var(--text-primary)}html.dark .qr-popup-item{border-color:var(--border-table)}html.dark .qr-popup-item:hover{background:var(--bg-card-hover)}html.dark .qr-popup-item .qr-title{color:var(--text-primary)}html.dark .qr-popup-item .qr-preview{color:var(--text-muted)}html.dark .settings-page h2{color:var(--text-primary)}html.dark .settings-info-note{color:var(--text-muted)}html.dark .rule-item,html.dark .webhook-item{background:var(--bg-card-hover);border-color:var(--border-primary)}html.dark .rule-info .rule-trigger,html.dark .webhook-info .webhook-event{color:var(--text-primary)}html.dark .rule-info .rule-response,html.dark .webhook-info .webhook-url{color:var(--text-muted)}html.dark .schedule-form{border-color:var(--border-primary);background:var(--bg-card)}html.dark .editor-toolbar{background:var(--bg-card);border-color:var(--border-primary)}html.dark .editor-toolbar h2{color:var(--text-primary)!important}html.dark .node-palette{background:var(--bg-card-hover);border-color:var(--border-primary)}html.dark .node-palette h4{color:var(--text-muted)}html.dark .palette-item{background:var(--bg-card);border-color:var(--border-primary);color:var(--text-on-card)}html.dark .palette-item:hover{border-color:var(--accent-blue);background:var(--accent-blue-light)}html.dark .canvas{background:var(--bg-primary);background-image:radial-gradient(var(--border-primary) 1px,transparent 1px)}html.dark .funnel-node{background:var(--bg-card);border-color:var(--border-primary)}html.dark .funnel-node.selected{border-color:var(--accent-blue)}html.dark .node-header{background:var(--bg-card-hover);border-color:var(--border-primary)}html.dark .node-type{color:var(--text-secondary)}html.dark .node-preview{color:var(--text-muted)}html.dark .properties-panel{background:var(--bg-card);border-color:var(--border-primary)}html.dark .properties-panel h4{color:var(--text-muted);border-color:var(--border-table)}html.dark .prop-group label{color:var(--text-muted)}html.dark .prop-value{color:var(--text-on-card)}html.dark .edge-line{stroke:var(--text-muted)}html.dark .edge-label{fill:var(--text-link)}html.dark .persona-card{background:var(--bg-card-hover);border-color:var(--border-primary)}html.dark .api-key-display{background:var(--bg-card-hover)}html.dark .api-key-display code{color:var(--text-link)}html.dark .vip-badge{background:#78350f;color:#fcd34d}html.dark .broadcast-form,html.dark .broadcast-history{background:var(--bg-card)}html.dark .coupon-card{background:var(--bg-card);border-color:var(--border-primary)}html.dark .referral-card{background:var(--bg-card)}html.dark [class*=-page]{color:var(--text-on-card)}html.dark [class*=-card],html.dark [class*=-form]{background:var(--bg-card)}