@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";:root,[data-theme=light]{--bg-dark:#f4f6f9;--row-hover:#eef1f5;--bg-card:#fff;--bg-input:#f8fafc;--bg-page:#f1f5f9;--navy:#0f172a;--navy-light:#1e293b;--teal:#0d9488;--teal-dim:#0f766e;--text-primary:#0f172a;--text-secondary:#475569;--text-hint:#94a3b8;--border-subtle:#e2e8f0;--border-input:#cbd5e1;--error:#dc4545;--error-bg:#fef2f2;--error-border:#fecaca;--success-bg:#f0fdfa;--amber:#d97706;--blue-accent:#3b82f6;--font-display:"Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--badge-teal-bg:#f0fdfa;--badge-teal-color:#0f766e;--badge-red-bg:#fef2f2;--badge-red-color:#dc2626;--badge-amber-bg:#fffbeb;--badge-amber-color:#b45309;--badge-blue-bg:#eff6ff;--badge-blue-color:#2563eb;--badge-gray-bg:#f8fafc;--badge-gray-color:#475569;--bubble-inbound-bg:#f1f5f9;--bubble-inbound-border:#e2e8f0;--bubble-outbound-bg:#f0fdfa;--bubble-outbound-border:#99f6e4;--chart-bar:#0d9488;--chart-bar-2:#3b82f6;--chart-grid:#f1f5f9;--chart-label:#94a3b8;--chart-grad-navy:#f8fafc;--whatsapp-bg:#efeae2;--whatsapp-bubble:#fff;--whatsapp-header:#075e54}[data-theme=dark]{--bg-dark:#0a0a0a;--row-hover:#1e1e1e;--bg-card:#141414;--bg-input:#1a1a1a;--bg-page:#0a0a0a;--navy:#262626;--navy-light:#2e2e2e;--teal:#0d9488;--teal-dim:#0f766e;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-hint:#475569;--border-subtle:#262626;--border-input:#2e2e2e;--error:#e05252;--error-bg:#c043431f;--error-border:#c0434347;--success-bg:#0d94881a;--amber:#fbbf24;--blue-accent:#60a5fa;--font-display:"Inter", -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", sans-serif;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--badge-teal-bg:#0d948826;--badge-teal-color:#0d9488;--badge-red-bg:#c043431f;--badge-red-color:#e05252;--badge-amber-bg:#fbbf241a;--badge-amber-color:#fbbf24;--badge-blue-bg:#60a5fa1a;--badge-blue-color:#60a5fa;--badge-gray-bg:#94a3b81a;--badge-gray-color:#94a3b8;--bubble-inbound-bg:#1a1a1a;--bubble-inbound-border:#262626;--bubble-outbound-bg:#0d94881f;--bubble-outbound-border:#0d948840;--chart-bar:#0d9488;--chart-bar-2:#60a5fa;--chart-grid:#1a1a1a;--chart-label:#475569;--chart-grad-navy:#141414;--whatsapp-bg:#1a1a1a;--whatsapp-bubble:#262626;--whatsapp-header:#141414}.badge-teal{background:var(--badge-teal-bg);color:var(--badge-teal-color)}.badge-red{background:var(--badge-red-bg);color:var(--badge-red-color)}.badge-amber{background:var(--badge-amber-bg);color:var(--badge-amber-color)}.badge-blue{background:var(--badge-blue-bg);color:var(--badge-blue-color)}.badge-gray{background:var(--badge-gray-bg);color:var(--badge-gray-color)}.badge-pill{text-transform:uppercase;letter-spacing:.04em;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);background:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;font-weight:600}h1{margin-bottom:4px;font-size:20px}h2{margin-bottom:4px;font-size:16px}h3{margin-bottom:4px;font-size:14px}p{color:var(--text-secondary);font-size:13px;line-height:1.6}.auth-wrapper{background:var(--bg-dark);justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.auth-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;max-width:400px;padding:32px 24px}.logo{align-items:center;gap:8px;margin-bottom:24px;display:flex}.logo-icon{background:var(--teal);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.logo-icon svg{width:18px;height:18px}.logo-name{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;font-size:16px;font-weight:600}.form-group{margin-bottom:16px}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:11px;font-weight:500;display:block}.form-input{background:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-size:13px;font-family:var(--font-body);outline:none;padding:8px 12px;transition:border-color .15s}.form-input:focus{border-color:var(--teal);background:var(--bg-card)}.form-input::placeholder{color:var(--text-hint)}.form-input.error{border-color:var(--error)}.btn-primary{background:var(--teal);color:#fff;border-radius:var(--radius-md);width:100%;font-size:13px;font-weight:500;font-family:var(--font-body);cursor:pointer;letter-spacing:-.01em;border:none;justify-content:center;align-items:center;gap:6px;margin-top:8px;padding:9px 16px;transition:opacity .15s,transform .1s;display:flex}.btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #0d948833}.btn-primary:active{box-shadow:none;transform:translateY(0)scale(.99)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-ghost{color:var(--text-secondary);cursor:pointer;font-size:12px;font-family:var(--font-body);background:0 0;border:none;align-items:center;gap:6px;margin-bottom:16px;padding:0;transition:color .15s;display:flex}.btn-ghost:hover{color:var(--teal)}.alert{border-radius:var(--radius-md);margin-top:8px;padding:8px 12px;font-size:12px;line-height:1.5}.alert-error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error)}.alert-success{background:var(--success-bg);border:1px solid var(--border-subtle);color:var(--teal)}.email-badge{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--teal);align-items:center;gap:8px;margin-bottom:16px;padding:8px 12px;font-size:13px;display:flex}.otp-row{justify-content:center;gap:8px;margin-bottom:16px;display:flex}.otp-box{background:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-md);width:44px;height:52px;color:var(--teal);text-align:center;font-size:20px;font-weight:600;font-family:var(--font-display);caret-color:var(--teal);outline:none;transition:border-color .15s}.otp-box:focus{border-color:var(--teal)}.otp-box.success{border-color:var(--teal);background:var(--success-bg)}.otp-box.error{border-color:var(--error)}.resend-text{text-align:center;color:var(--text-secondary);margin-top:16px;font-size:12px}.resend-text button{color:var(--teal);cursor:pointer;font-size:12px;font-family:var(--font-body);background:0 0;border:none;padding:0}.resend-text button:hover{text-decoration:underline}.spinner{border:1.5px solid #ffffff40;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-layout{background:var(--bg-dark);height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--bg-card);border-right:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;width:232px;padding:16px 8px;transition:width .2s;display:flex;overflow:hidden}.sidebar .logo{margin-bottom:24px;padding:0 8px}.sidebar-logo{display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:2px;display:flex}.nav-item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-body);text-align:left;white-space:nowrap;letter-spacing:-.01em;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:7px 10px;text-decoration:none;transition:background .1s,color .1s;display:flex}.nav-item:hover{background:var(--bg-dark);color:var(--text-primary)}.nav-item.active{background:var(--badge-teal-bg);color:var(--teal)}.nav-item svg{flex-shrink:0;width:16px;height:16px}.nav-label{transition:opacity .2s}.sidebar-footer{border-top:1px solid var(--border-subtle);margin-top:8px;padding-top:8px}.user-info{border-radius:var(--radius-md);align-items:center;gap:8px;padding:6px 10px;display:flex}.user-avatar{background:var(--badge-teal-bg);width:28px;height:28px;color:var(--teal);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.user-details{flex:1;overflow:hidden}.user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.user-client{color:var(--text-hint);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.btn-logout{color:var(--text-hint);cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;padding:4px;transition:color .15s;display:flex}.btn-logout:hover{color:var(--error)}.mobile-topbar,.mobile-overlay{display:none}.hamburger-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex}.sidebar.collapsed{align-items:center;width:48px;padding:16px 6px}.sidebar.collapsed .logo{justify-content:center;margin-bottom:24px}.sidebar.collapsed .logo-name,.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-chevron,.sidebar.collapsed .nav-sub,.sidebar.collapsed .user-details,.sidebar.collapsed .btn-logout,.sidebar.collapsed .sidebar-collapsed-hide{display:none}.sidebar.collapsed .nav-item{justify-content:center;width:32px;padding:8px;position:relative}.sidebar.collapsed .user-info{justify-content:center;padding:6px 0}.sidebar.collapsed .user-avatar{width:32px;height:32px}.nav-item-wrap{width:100%;position:relative}.sidebar.collapsed .nav-item-wrap .nav-tooltip{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);white-space:nowrap;z-index:200;pointer-events:none;padding:4px 10px;font-size:12px;font-weight:500;display:none;position:absolute;top:50%;left:calc(100% + 8px);transform:translateY(-50%);box-shadow:0 4px 12px #00000014}.sidebar.collapsed .nav-item-wrap:hover .nav-tooltip{display:block}.nav-sub-flyout{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);z-index:200;min-width:152px;padding:4px;display:none;position:absolute;top:0;left:calc(100% + 8px);box-shadow:0 4px 12px #00000014}.sidebar.collapsed .nav-item-wrap:hover .nav-sub-flyout{display:block}.nav-sub-flyout-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-hint);padding:6px 10px 4px;font-size:10px;font-weight:600}.nav-sub-flyout a{color:var(--text-secondary);border-radius:var(--radius-sm);white-space:nowrap;padding:6px 10px;font-size:12px;font-weight:500;text-decoration:none;display:block}.nav-sub-flyout a:hover{background:var(--bg-dark);color:var(--text-primary)}.nav-sub-flyout a.active{color:var(--teal);background:var(--badge-teal-bg)}.sidebar-collapse-btn{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-input);width:24px;height:24px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.sidebar-collapse-btn:hover{color:var(--teal);border-color:var(--teal)}.main-content{background:var(--bg-dark);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.page-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-card);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 24px;display:flex}.page-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;font-size:15px;font-weight:600}.page-subtitle{color:var(--text-secondary);margin-top:1px;font-size:12px}.page-body{flex:1;padding:24px;overflow-y:auto}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(152px,1fr));gap:8px;margin-bottom:16px;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:11px;font-weight:500}.stat-value{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;font-size:24px;font-weight:600}.stat-value.teal{color:var(--teal)}.placeholder-box{background:var(--bg-card);border:1px dashed var(--border-subtle);border-radius:var(--radius-lg);text-align:center;color:var(--text-secondary);padding:32px 24px}.placeholder-box h3{color:var(--text-secondary);margin-bottom:6px}.header-right{align-items:center;gap:8px;display:flex}.line-selector-wrap{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:center;gap:8px;min-width:280px;max-width:360px;padding:6px 12px;display:flex}.line-selector-label{color:var(--text-hint);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;font-size:11px;font-weight:500}.line-selector{color:var(--text-primary);font-size:13px;font-family:var(--font-body);cursor:pointer;background:0 0;border:none;outline:none;width:100%;max-width:260px;font-weight:500}.line-selector option{background:var(--bg-card);color:var(--text-primary)}.line-selector-loading,.line-selector-error,.line-selector-empty{color:var(--text-secondary);padding:6px 12px;font-size:12px}.line-selector-error{color:var(--error)}.date-range-bar{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:16px;display:flex}.date-range-btn{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font-body);white-space:nowrap;padding:6px 12px;transition:all .15s}.date-range-btn:hover,.date-range-btn.active{background:var(--teal);border-color:var(--teal);color:#fff}.custom-date-inputs{align-items:center;gap:6px;display:flex}.date-input{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:12px;font-family:var(--font-body);cursor:pointer;outline:none;padding:6px 10px}.date-input:focus{border-color:var(--teal)}.date-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.5}.chart-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:8px;padding:16px}.chart-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;margin-bottom:16px;font-size:13px;font-weight:600}.sparkline-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin-bottom:16px;display:grid}.sparkline-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px 16px 8px}.sparkline-header{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.sparkline-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:500}.sparkline-total{font-family:var(--font-display);letter-spacing:-.02em;font-size:20px;font-weight:600;line-height:1}.sparkline-empty{height:56px;color:var(--text-hint);justify-content:center;align-items:center;font-size:12px;display:flex}.chart-card-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:16px;display:flex}.chart-subtitle{color:var(--text-secondary);margin-top:2px;font-size:11px}.category-pills{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.category-pill{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font-body);white-space:nowrap;border-radius:20px;padding:4px 10px;transition:all .15s}.category-pill:hover,.category-pill.active{background:var(--teal);border-color:var(--teal);color:#fff}.nav-sub{border-left:1px solid var(--border-subtle);flex-direction:column;gap:1px;margin-bottom:2px;margin-left:10px;padding-left:16px;display:flex}.nav-sub-item{border-radius:var(--radius-sm);color:var(--text-secondary);white-space:nowrap;padding:5px 10px;font-size:12px;font-weight:500;text-decoration:none;transition:background .1s,color .1s;display:block}.nav-sub-item:hover{background:var(--bg-dark);color:var(--text-primary)}.nav-sub-item.active{color:var(--teal);background:var(--badge-teal-bg)}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:20px;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.badge-draft{background:var(--badge-gray-bg);color:var(--badge-gray-color)}.badge-queued{background:var(--badge-blue-bg);color:var(--badge-blue-color)}.badge-processing{background:var(--badge-amber-bg);color:var(--badge-amber-color)}.badge-completed{background:var(--badge-teal-bg);color:var(--badge-teal-color)}.badge-failed{background:var(--badge-red-bg);color:var(--badge-red-color)}.table-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.table-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.table-title{font-family:var(--font-display);color:var(--text-primary);font-size:13px;font-weight:600}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--text-hint);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border-subtle);white-space:nowrap;background:var(--bg-dark);padding:8px 16px;font-size:11px;font-weight:500}td{color:var(--text-primary);border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:10px 16px;font-size:13px;font-weight:450}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg-dark)}.td-muted{color:var(--text-secondary);font-weight:450}.wizard-steps{align-items:center;margin-bottom:24px;display:flex}.wizard-step{flex:1;align-items:center;gap:8px;display:flex}.wizard-step-num{background:var(--bg-input);border:1px solid var(--border-subtle);width:24px;height:24px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.wizard-step.active .wizard-step-num{background:var(--teal);border-color:var(--teal);color:#fff}.wizard-step.done .wizard-step-num{background:var(--badge-teal-bg);border-color:var(--teal);color:var(--teal)}.wizard-step-label{color:var(--text-secondary);font-size:12px;font-weight:500}.wizard-step.active .wizard-step-label{color:var(--text-primary)}.wizard-step.done .wizard-step-label{color:var(--teal)}.wizard-connector{background:var(--border-subtle);flex-shrink:0;height:1px;margin:0 4px}.form-select{background:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-size:13px;font-family:var(--font-body);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;outline:none;padding:8px 32px 8px 12px;transition:border-color .15s}.form-select:focus{border-color:var(--teal)}.form-select option{background:var(--bg-card);color:var(--text-primary)}.file-upload-zone{border:1px dashed var(--border-subtle);border-radius:var(--radius-lg);text-align:center;cursor:pointer;padding:24px;transition:border-color .15s,background .15s}.file-upload-zone:hover,.file-upload-zone.dragover{border-color:var(--teal);background:var(--success-bg)}.file-upload-zone input{display:none}.file-upload-icon{width:32px;height:32px;color:var(--text-hint);margin:0 auto 12px}.file-upload-text{color:var(--text-secondary);margin-bottom:4px;font-size:13px}.file-upload-hint{color:var(--text-hint);font-size:11px}.file-selected{background:var(--success-bg);border-color:var(--teal);border-style:solid}.file-selected-name{color:var(--teal);margin-bottom:4px;font-size:13px;font-weight:500}.results-grid{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:8px;margin-bottom:16px;display:grid}.result-bar-wrap{margin-top:8px}.result-bar-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.result-bar-label{color:var(--text-secondary);flex-shrink:0;width:72px;font-size:12px}.result-bar-track{background:var(--bg-input);border-radius:3px;flex:1;height:6px;overflow:hidden}.result-bar-fill{border-radius:3px;height:100%;transition:width .6s}.result-bar-count{color:var(--text-primary);text-align:right;flex-shrink:0;width:56px;font-size:12px;font-weight:500}.template-configure-grid{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.whatsapp-preview-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-hint);margin-bottom:8px;font-size:11px;font-weight:500}.whatsapp-phone{background:var(--teal-dim);border:1px solid var(--border-subtle);border-radius:10px;overflow:hidden}.whatsapp-header-bar{background:var(--teal-dim);align-items:center;gap:8px;padding:8px 12px;display:flex}.whatsapp-avatar{color:#fff;background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex}.whatsapp-contact{color:#fff;font-size:13px;font-weight:600}.whatsapp-status{color:#fff9;font-size:11px}.whatsapp-body{background:var(--whatsapp-bg);background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");padding:10px}.whatsapp-image-placeholder{background:#80808026;border-radius:6px;margin-bottom:4px;overflow:hidden}.whatsapp-image-empty{height:100px;color:var(--text-hint);justify-content:center;align-items:center;font-size:12px;display:flex}.whatsapp-text{background:var(--whatsapp-bubble);color:var(--text-primary);white-space:pre-wrap;border-radius:6px;margin-bottom:3px;padding:7px 9px;font-size:13px;line-height:1.5}.whatsapp-footer{color:var(--text-hint);padding:2px 9px 5px;font-size:11px}.whatsapp-buttons{flex-direction:column;gap:3px;margin-top:3px;display:flex}.whatsapp-btn{background:var(--whatsapp-bubble);text-align:center;color:var(--teal);border-radius:6px;padding:7px;font-size:12px;font-weight:500}.param-highlight{color:#0d9488;background:#0d948826;border-radius:3px;padding:1px 3px;font-style:normal;font-weight:500}.template-mapping-wrap{flex-direction:column;gap:0;display:flex}@media (width<=768px){.template-configure-grid{grid-template-columns:1fr}}.media-gallery{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;max-height:200px;margin-bottom:8px;padding:2px;display:grid;overflow-y:auto}.media-gallery-item{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);cursor:pointer;background:var(--bg-input);transition:border-color .15s;overflow:hidden}.media-gallery-item:hover{border-color:var(--teal)}.media-gallery-item.selected{border-color:var(--teal);box-shadow:0 0 0 2px var(--badge-teal-bg)}.media-gallery-item img{object-fit:cover;width:100%;height:80px;display:block}.media-gallery-video{background:var(--bg-input);justify-content:center;align-items:center;width:100%;height:80px;font-size:24px;display:flex}.media-gallery-name{color:var(--text-hint);white-space:nowrap;text-overflow:ellipsis;padding:2px 4px;font-size:10px;overflow:hidden}.modal-overlay{z-index:200;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:480px;max-height:90vh;display:flex}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;padding:16px;display:flex}.modal-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;font-size:14px;font-weight:600}.modal-close{color:var(--text-hint);cursor:pointer;background:0 0;border:none;padding:0;font-size:16px;line-height:1;transition:color .15s}.modal-close:hover{color:var(--text-primary)}.modal-body{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.modal-body .form-group{margin-bottom:0}.modal-footer{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.template-download-btn{color:var(--teal);background:var(--badge-teal-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:center;gap:6px;padding:5px 10px;font-size:12px;text-decoration:none;transition:background .15s;display:inline-flex}.template-download-btn:hover{background:#0d94881f}.refresh-btn{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);font-size:12px;font-weight:500;font-family:var(--font-body);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;height:32px;padding:6px 12px;transition:all .15s;display:inline-flex}.refresh-btn:hover{color:var(--teal);border-color:var(--teal)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.template-gallery-layout{grid-template-columns:320px 1fr;align-items:start;gap:16px;display:grid}.template-gallery-list{flex-direction:column;gap:4px;max-height:calc(100vh - 200px);padding-right:4px;display:flex;overflow-y:auto}.template-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;padding:10px 14px;transition:border-color .15s,background .15s}.template-card:hover{border-color:var(--teal);background:var(--success-bg)}.template-card.selected{border-color:var(--teal);background:var(--badge-teal-bg)}.template-card-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px;display:flex}.template-card-name{color:var(--text-primary);word-break:break-all;font-size:12px;font-weight:500;line-height:1.4}.template-card-meta{flex-wrap:wrap;gap:3px;display:flex}.template-tag{color:var(--text-hint);background:var(--bg-dark);border:1px solid var(--border-subtle);border-radius:3px;padding:1px 6px;font-size:10px}.template-gallery-preview{position:sticky;top:8px}@media (width<=1024px){.template-gallery-layout{grid-template-columns:260px 1fr}}@media (width<=768px){.template-gallery-layout{grid-template-columns:1fr}.template-gallery-list{max-height:280px}}.orbit-layout{flex:1;min-height:0;display:flex;overflow:hidden}.orbit-chat-list{border-right:1px solid var(--border-subtle);background:var(--bg-card);flex-direction:column;flex-shrink:0;width:280px;min-width:240px;max-width:280px;min-height:0;display:flex;overflow:hidden}.orbit-chat-list-header{border-bottom:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;gap:6px;padding:10px;display:flex}.orbit-chat-list-body{flex:1;min-height:0;overflow-y:auto}.orbit-thread{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.orbit-thread-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-card);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.orbit-thread-body{scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent;flex-direction:column;flex:1;gap:4px;min-height:0;padding:16px 24px;display:flex;overflow-y:auto}.orbit-thread-body::-webkit-scrollbar{width:3px}.orbit-thread-body::-webkit-scrollbar-track{background:0 0}.orbit-thread-body::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:3px}.orbit-thread-footer{border-top:1px solid var(--border-subtle);background:var(--bg-card);flex-shrink:0;padding:10px 16px;position:relative}.orbit-reply-box{align-items:center;gap:6px;display:flex}.canned-trigger-btn{background:var(--bg-dark)}.orbit-reply-input{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px;font-family:var(--font-body);resize:none;outline:none;flex:1;min-height:40px;max-height:120px;padding:8px 12px;line-height:1.4;transition:border-color .15s}.orbit-reply-input:focus{border-color:var(--teal)}.orbit-send-btn{background:var(--teal);border-radius:var(--radius-md);color:#fff;font-size:12px;font-weight:500;font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:none;flex-shrink:0;height:40px;padding:0 14px;transition:opacity .15s}.orbit-send-btn:hover{opacity:.9}.orbit-send-btn:disabled{opacity:.45;cursor:not-allowed}.orbit-empty{color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;font-size:13px;display:flex}.orbit-chat-item{border-bottom:1px solid var(--border-subtle);cursor:pointer;align-items:flex-start;gap:8px;padding:10px 12px;transition:background .1s;display:flex}.orbit-chat-item:hover{background:var(--bg-dark)}.orbit-chat-item.active{background:var(--badge-teal-bg)}.orbit-chat-avatar{background:var(--bg-dark);border:1px solid var(--border-subtle);width:32px;height:32px;color:var(--teal);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.orbit-chat-info{flex:1;min-width:0}.orbit-chat-number{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.orbit-chat-preview{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.orbit-chat-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:3px;display:flex}.orbit-chat-time{color:var(--text-hint);font-size:10px}.orbit-unread{background:var(--teal);color:#fff;text-align:center;border-radius:10px;min-width:16px;padding:1px 5px;font-size:10px;font-weight:600}.hook-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:10px;padding:1px 6px;font-size:10px;font-weight:500}.hook-badge-bot{background:var(--badge-gray-bg);color:var(--badge-gray-color)}.hook-badge-agent{background:var(--badge-blue-bg);color:var(--badge-blue-color)}.hook-badge-consultant{background:var(--badge-teal-bg);color:var(--badge-teal-color)}.orbit-detail-panel{border-left:1px solid var(--border-subtle);background:var(--bg-card);scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent;flex-shrink:0;width:272px;min-width:240px;max-width:272px;min-height:0;padding:16px;overflow-y:auto}.orbit-detail-panel::-webkit-scrollbar{width:3px}.orbit-detail-panel::-webkit-scrollbar-track{background:0 0}.orbit-detail-panel::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:3px}.orbit-detail-title{font-family:var(--font-display);color:var(--text-primary);border-bottom:1px solid var(--border-subtle);letter-spacing:-.01em;margin-bottom:16px;padding-bottom:10px;font-size:12px;font-weight:600}.orbit-detail-row{flex-direction:column;gap:3px;margin-bottom:16px;display:flex}.orbit-detail-label{color:var(--text-hint);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:500}.orbit-msg{flex-direction:column;max-width:70%;display:flex}.orbit-msg-inbound{align-self:flex-start}.orbit-msg-outbound{align-self:flex-end}.orbit-msg-bubble{border-radius:10px;padding:7px 10px;font-size:13px;line-height:1.5}.orbit-msg-inbound .orbit-msg-bubble{background:var(--bg-card);border:1px solid var(--border-subtle);color:var(--text-primary);border-bottom-left-radius:3px}.orbit-msg-outbound .orbit-msg-bubble{background:var(--badge-teal-bg);color:var(--text-primary);border-bottom-right-radius:3px}.orbit-msg-time{color:var(--text-hint);margin-top:2px;padding:0 4px;font-size:10px}.orbit-msg-inbound .orbit-msg-time{text-align:left}.orbit-msg-outbound .orbit-msg-time{text-align:right}.orbit-filter-list{padding:4px}.orbit-filter-item{border-radius:var(--radius-sm);cursor:pointer;border-left:2px solid #0000;justify-content:space-between;align-items:center;margin-bottom:1px;padding:7px 8px;transition:background .1s,color .1s;display:flex}.orbit-filter-item:hover{background:var(--bg-dark)}.orbit-filter-item.active{background:var(--badge-teal-bg);border-left-color:var(--teal)}.orbit-filter-item.active .orbit-filter-label{color:var(--teal);font-weight:500}.orbit-filter-label{color:var(--text-secondary);font-size:12px}.orbit-filter-badge{background:var(--badge-gray-bg);color:var(--badge-gray-color);border-radius:8px;padding:1px 5px;font-size:10px;font-weight:600}.orbit-filter-item.active .orbit-filter-badge{background:var(--badge-teal-bg);color:var(--badge-teal-color)}.canned-picker{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);z-index:50;flex-direction:column;max-height:260px;margin-bottom:6px;display:flex;position:absolute;bottom:100%;left:0;right:0;overflow:hidden;box-shadow:0 -4px 16px #00000014}.canned-picker-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;align-items:center;gap:6px;padding:6px 8px;display:flex}.canned-picker-list{flex:1;overflow-y:auto}.canned-category-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-hint);background:var(--bg-dark);border-bottom:1px solid var(--border-subtle);padding:5px 10px 3px;font-size:10px;font-weight:600}.canned-item{cursor:pointer;border-bottom:1px solid var(--border-subtle);padding:7px 10px;transition:background .1s}.canned-item:hover{background:var(--bg-dark)}.canned-item-title{color:var(--text-primary);margin-bottom:1px;font-size:12px;font-weight:500}.canned-item-preview{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.canned-trigger-btn{cursor:pointer;opacity:.5;color:var(--text-secondary);background:0 0;border:none;flex-shrink:0;align-items:center;padding:0 4px;transition:opacity .15s;display:flex}.canned-trigger-btn:hover{opacity:1;color:var(--teal)}.doc-drop-zone{border:1px dashed var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;text-align:center;padding:16px;transition:border-color .15s,background .15s}.doc-drop-zone:hover,.doc-drop-zone.dragging{border-color:var(--teal);background:var(--success-bg)}.doc-drop-zone.has-file{border-color:var(--teal);background:var(--badge-teal-bg)}.orbit-thread-footer.drag-active{background:var(--success-bg)}@media (width<=1024px){.sidebar{align-items:center;width:48px;padding:16px 6px}.sidebar-logo,.nav-label{display:none}.nav-item{justify-content:center;width:32px;padding:8px}.user-details,.btn-logout{display:none}.user-info{flex-direction:column;gap:4px;padding:6px 0}.user-avatar{width:32px;height:32px}.page-header{padding:10px 16px}.page-body{padding:16px}}@media (width<=768px){.app-layout{flex-direction:column}.sidebar{z-index:100;align-items:flex-start;width:240px;height:100vh;padding:16px 8px;transition:left .25s;position:fixed;top:0;left:-280px}.sidebar.mobile-open{left:0;box-shadow:4px 0 24px #00000026}.sidebar-logo{display:flex}.nav-label{display:block}.nav-item{justify-content:flex-start;width:100%;padding:7px 10px}.user-details{display:block}.btn-logout{display:flex}.user-info{flex-direction:row;gap:8px;padding:6px 10px}.mobile-topbar{background:var(--bg-card);border-bottom:1px solid var(--border-subtle);z-index:50;justify-content:space-between;align-items:center;padding:10px 16px;display:flex;position:sticky;top:0}.mobile-overlay{z-index:99;background:#0006;display:block;position:fixed;inset:0}.page-header{flex-direction:column;align-items:flex-start;padding:10px 16px}.page-body{padding:16px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:20px}.line-selector-wrap{min-width:unset;width:100%}.header-right{width:100%}.category-pills{justify-content:flex-start}.orbit-layout{flex-direction:column}.orbit-chat-list{width:100%;max-width:100%;height:280px}.orbit-detail-panel{display:none}}.sidebar{display:none!important}