html,body,#root{height:100%;margin:0;padding:0}.sidebar{background:var(--sidebar-bg,#fff);width:205px;height:100vh;color:var(--sidebar-text,#302568);border-right:1px solid var(--border-light,#eee6f7);flex-direction:column;flex-shrink:0;transition:width .25s;display:flex;overflow:hidden}.sidebar-closed{width:0}.sidebar-closed .sidebar-logo,.sidebar-closed .nav-item span,.sidebar-closed .badge,.sidebar-closed .user-info,.sidebar-closed .sidebar-footer{border:none;padding:0;overflow:hidden}.sidebar-logo{flex-shrink:0;justify-content:center;align-items:center;margin:4px 8px 0;padding:12px 6px 2px;display:flex}.sidebar-logo-img{object-fit:contain;width:175px;max-width:96%;height:auto;display:block}.sidebar-nav{flex-direction:column;flex:1;gap:4px;min-height:0;padding:6px 12px 24px;display:flex;overflow-y:auto}.nav-item{color:var(--sidebar-text,#302568);opacity:.85;white-space:nowrap;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s,color .2s,opacity .2s;display:flex}.nav-item:hover{background:var(--bg-soft,#f1eefb);color:var(--sidebar-btn-bg,#302568);opacity:1}.nav-item.active{background:var(--sidebar-btn-bg,#302568);color:#fff;opacity:1}.nav-item span{flex:1}.badge{background:var(--brand-green,#25d366);color:#fff;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:600;line-height:1.4}.badge.red{color:#fff;background:#ef4444}.nav-divider{background:var(--border-light,#eee6f7);height:1px;margin:12px 8px}.sidebar-footer{border-top:1px solid var(--border-light,#eee6f7);flex-shrink:0;padding:14px 12px}.user-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:34px;height:34px}.user-info{flex-direction:column;flex:1;display:flex;overflow:hidden}.user-name{color:var(--sidebar-text,#302568);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.user-role{color:var(--brand-green,#25d366);font-size:11px}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--sidebar-btn-bg,#302568);border-radius:999px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#241c52}.sidebar-nav{scrollbar-width:thin;scrollbar-color:var(--sidebar-btn-bg,#302568) transparent}.logout-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:6px;display:flex}.logout-btn:hover{color:#dc2626;background:#fdeaea}.sidebar-backdrop{display:none}@media (width<=768px){.sidebar-backdrop{z-index:150;background:#00000080;display:block;position:fixed;inset:0}}.header{background:var(--bg-surface);border-bottom:1px solid var(--border-light);flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:flex}.header-left{align-items:center;gap:14px;display:flex}.menu-toggle{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:6px;align-items:center;padding:6px;display:flex}.menu-toggle:hover{background:var(--bg-soft);color:var(--primary)}.header-logo{object-fit:contain;height:80px}.header-right{align-items:center;gap:14px;display:flex}.search-box{background:var(--bg-soft);border:1px solid var(--border-light);border-radius:8px;align-items:center;gap:6px;width:240px;padding:6px 12px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex}.search-box:focus-within{border-color:var(--primary,#302568);box-shadow:0 0 0 3px var(--accent-light,#ede9fe);background:var(--bg-surface,#fff)}.search-box input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:13px}.search-box svg{color:var(--text-muted);flex-shrink:0}.icon-btn{background:var(--bg-soft);cursor:pointer;width:34px;height:34px;color:var(--text-secondary);border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:var(--accent-light);color:var(--primary)}.theme-toggle.active{background:var(--primary)!important;color:#fff!important}.theme-toggle.active:hover{background:var(--primary-dark)!important;color:#fff!important}.header-user{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:5px 8px 5px 5px;display:flex;position:relative}.header-user:hover{background:var(--bg-soft,#f1eefb)}.header-user-avatar{background:var(--primary-gradient,linear-gradient(160deg, #302568, #302568));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.header-user-info{flex-direction:column;line-height:1.2;display:flex}.header-user-name{color:var(--text-primary,#1f1b3a);white-space:nowrap;font-size:13px;font-weight:600}.header-user-role{color:var(--text-secondary,#6b6483);text-transform:capitalize;font-size:10.5px}.header-user-chevron{color:var(--text-muted,#9992b5);transition:transform .15s}.header-user-chevron.open{transform:rotate(180deg)}.header-user-menu{background:var(--bg-surface,#fff);border:1px solid var(--border-light,#eee);z-index:50;border-radius:10px;min-width:140px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #0000001f}.header-user-menu-item{color:#dc2626;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;width:100%;padding:8px 10px;font-size:13px;display:flex}.header-user-menu-item:hover{background:#fdeaea}.notif-badge{color:#fff;background:#dc2626;border-radius:999px;justify-content:center;align-items:center;min-width:15px;height:15px;padding:0 3px;font-size:9px;font-weight:700;display:flex;position:absolute;top:-3px;right:-3px}.notif-dropdown{background:var(--bg-surface,#fff);border:1px solid var(--border-light,#eee);z-index:60;border-radius:12px;flex-direction:column;width:340px;max-height:420px;display:flex;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 10px 30px #00000026}.notif-dropdown-header{border-bottom:1px solid var(--border-light,#eee);color:var(--text-primary,#1f1b3a);justify-content:space-between;align-items:center;padding:14px 16px;font-size:14px;font-weight:700;display:flex}.notif-count-pill{background:var(--accent-light,#ede9fe);color:var(--primary,#302568);border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700}.notif-list{max-height:360px;overflow-y:auto}.notif-item{cursor:pointer;border-bottom:1px solid var(--border-light,#f3f2fa);gap:10px;padding:12px 16px;display:flex}.notif-item:hover{background:var(--bg-soft,#f1eefb)}.notif-item-unread{background:#f5f3ff;position:relative}.notif-item-unread:before{content:"";background:#7c3aed;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.notif-item-unread:hover{background:#ede9fe}.notif-item-icon{flex-shrink:0;font-size:18px}.notif-item-body{flex-direction:column;gap:2px;min-width:0;display:flex}.notif-item-title{color:var(--text-primary,#1f1b3a);font-size:13px;font-weight:600}.notif-item-msg{color:var(--text-secondary,#6b6483);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.notif-item-time{color:var(--text-muted,#9992b5);font-size:10.5px}.notif-empty{text-align:center;color:var(--text-muted,#9992b5);padding:24px 16px;font-size:13px}.search-dropdown{background:var(--bg-surface,#fff);border:1px solid var(--border-light,#eee);z-index:60;border-radius:12px;width:360px;max-height:420px;padding:6px 0;position:absolute;top:calc(100% + 10px);left:0;overflow-y:auto;box-shadow:0 10px 30px #00000026}.search-dropdown-loading,.search-dropdown-empty{text-align:center;color:var(--text-muted,#9992b5);padding:16px;font-size:13px}.search-group{border-bottom:1px solid var(--border-light,#f3f2fa);padding:6px 0}.search-group:last-child{border-bottom:none}.search-group-title{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted,#9992b5);align-items:center;gap:6px;padding:6px 14px;font-size:11px;font-weight:700;display:flex}.search-result-row{cursor:pointer;flex-direction:column;gap:2px;padding:8px 14px;display:flex}.search-result-row:hover{background:var(--bg-soft,#f1eefb)}.search-result-title{color:var(--text-primary,#1f1b3a);font-size:13px;font-weight:600}.search-result-sub{color:var(--text-secondary,#6b6483);font-size:11.5px}.dashboard{background:var(--bg-body);min-height:100vh;padding:24px 28px;font-family:Inter,Segoe UI,sans-serif}.dashboard-top{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.dashboard-top h1{color:var(--text-primary);margin:0 0 4px;font-size:22px;font-weight:700}.add-lead-btn{background:var(--primary-gradient);color:var(--text-on-primary);border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-sm);border:none;padding:10px 18px;font-size:13px;font-weight:600}.add-lead-btn:hover{filter:brightness(1.05)}.stat-card{background:var(--bg-surface);aspect-ratio:1;width:100%;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);border-radius:16px;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;min-width:0;padding:18px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.stat-value{color:var(--text-primary);font-size:26px;font-weight:700;line-height:1.1}.stat-label{color:var(--text-secondary);font-size:13px;font-weight:500}.card{background:var(--bg-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);padding:18px}.card-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.card-header h3{color:var(--text-primary);margin:0;font-size:15px;font-weight:700}.muted-icon{color:var(--text-muted);cursor:pointer}.view-all{color:var(--primary);cursor:pointer;font-size:12px;font-weight:600}.week-select{border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--text-secondary);background:var(--bg-surface);padding:5px 8px;font-size:12px}.row-2col{grid-template-columns:1.4fr 1fr;gap:16px;margin-bottom:16px;display:grid}.pipeline-columns{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.pipeline-col{background:var(--bg-soft);border-radius:var(--radius-md);flex-direction:column;gap:8px;padding:10px;display:flex}.pipeline-col-header{color:var(--primary);justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.pipeline-count{background:var(--accent-light);color:var(--primary);border-radius:8px;padding:1px 7px;font-size:11px}.pipeline-lead{background:var(--bg-surface);border-radius:var(--radius-sm);border:1px solid var(--border-light);flex-direction:column;gap:2px;padding:8px 9px;display:flex}.pipeline-lead .lead-name{color:var(--text-primary);font-size:12px;font-weight:600}.pipeline-lead .lead-phone{color:var(--text-secondary);font-size:11px}.more-link{color:var(--primary);cursor:pointer;text-align:center;margin-top:2px;font-size:11px;font-weight:600}.followup-section{margin-bottom:14px}.followup-section:last-child{margin-bottom:0}.followup-title{margin-bottom:8px;font-size:12px;font-weight:700;display:block}.followup-title.overdue{color:var(--danger)}.followup-title.today{color:var(--warning)}.followup-title.upcoming{color:var(--primary)}.followup-row{color:var(--text-secondary);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:7px 0;font-size:12.5px;display:flex}.followup-row:last-child{border-bottom:none}.followup-time{color:var(--text-muted);font-size:11px;font-weight:600}.overdue-time{color:var(--danger)}.upcoming-time{color:var(--primary)}.upcoming-grid{flex-direction:column;display:flex}.analytics-body{grid-template-columns:1.5fr 1fr;align-items:start;gap:18px;display:grid}.chart-title{color:var(--text-secondary);margin-bottom:8px;font-size:12px;font-weight:600;display:block}.donut-block{flex-direction:column;align-items:center;display:flex}.donut-wrap{width:140px;height:140px;position:relative}.donut-center{flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.donut-label{color:var(--text-muted);font-size:10px}.legend{flex-direction:column;gap:6px;width:100%;margin-top:12px;display:flex}.legend-row{color:var(--text-secondary);align-items:center;gap:6px;font-size:11.5px;display:flex}.legend-name{flex:1}.recent-lead-row{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.recent-lead-row:last-child{border-bottom:none}.lead-main{flex-direction:column;gap:2px;display:flex}.lead-main .lead-name{color:var(--text-primary);font-size:13px;font-weight:600}.lead-main .lead-phone{color:var(--text-secondary);font-size:11.5px}.status-interested{color:var(--warning);background:#fef3e2}.status-followup{background:var(--accent-light);color:var(--primary)}.lead-time{color:var(--text-muted);white-space:nowrap;margin-left:8px;font-size:11px}.conversations-card{margin-bottom:8px}.conversations-row{grid-template-columns:repeat(5,1fr) auto;align-items:stretch;gap:12px;display:grid}.conversation-item{background:var(--bg-soft);border-radius:var(--radius-md);cursor:pointer;border:1px solid #c9c1e5;align-items:center;padding:12px;transition:border-color .15s,background .15s;display:flex}.pipeline-lead,.recent-lead-row{cursor:pointer}.pipeline-lead:hover,.pipeline-lead:focus-visible,.recent-lead-row:hover,.recent-lead-row:focus-visible{background:var(--bg-soft);outline:none}.conversations-card .conversation-item:hover,.conversations-card .conversation-item:focus-visible{border-color:var(--primary);background:var(--bg-hover,var(--bg-soft));outline:none}.conv-header{justify-content:space-between;align-items:center;display:flex}.conv-meta{color:var(--primary);margin-bottom:4px;font-size:10.5px}.conv-footer{justify-content:space-between;align-items:center;gap:6px;display:flex}.conv-msg{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.unread-badge{background:var(--primary);color:var(--text-on-primary);border-radius:10px;flex-shrink:0;padding:1px 6px;font-size:10px;font-weight:700}@media (width<=1280px){.stat-grid{grid-template-columns:repeat(3,1fr)}.row-2col{grid-template-columns:1fr}.pipeline-columns{grid-template-columns:repeat(3,1fr)}.conversations-row{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.stat-grid{grid-template-columns:repeat(2,1fr)}.pipeline-columns,.analytics-body,.conversations-row{grid-template-columns:1fr}}.stat-grid{flex-wrap:unset!important;grid-template-columns:repeat(5,1fr)!important;gap:16px!important;display:grid!important}.stat-card{aspect-ratio:1!important;text-align:center!important;width:100%!important;min-width:0!important;height:auto!important;aspect-ratio:unset!important;border-radius:16px!important;flex-shrink:1!important;justify-content:center!important;align-items:center!important;gap:6px!important;padding:14px 10px!important}.stat-icon{border:1.4px solid;justify-content:center;align-items:center;display:flex;background:var(--bg-surface)!important;border-radius:50%!important;width:32px!important;height:32px!important}.stat-label{letter-spacing:.05em;margin-top:1px;text-transform:uppercase!important;color:var(--text-muted)!important;font-size:9.5px!important;font-weight:700!important}.stat-change-pill{border-radius:999px;justify-content:center;align-items:center;margin-top:2px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-flex}.stat-change-pill.positive{color:#059669;background:#d1fae5}.stat-change-pill.negative{color:#dc2626;background:#fee2e2}.row-2col:has(.pipeline-card:only-child){grid-template-columns:1fr}.stat-grid .stat-icon{background:var(--accent-light)!important;color:var(--primary)!important;border-color:var(--primary)!important}.dashboard-celebration-overlay{z-index:2000;pointer-events:none;justify-content:center;align-items:flex-start;padding-top:12vh;display:flex;position:fixed;inset:0;overflow:hidden}.dashboard-confetti-field{pointer-events:none;position:absolute;inset:0}.dashboard-confetti-piece{opacity:.9;border-radius:2px;width:8px;height:14px;animation-name:dashboard-confetti-fall;animation-timing-function:ease-in;animation-iteration-count:1;animation-fill-mode:forwards;position:absolute;top:-20px}@keyframes dashboard-confetti-fall{0%{opacity:1;transform:translateY(-20px)rotate(0)}85%{opacity:1}to{opacity:0;transform:translateY(90vh)rotate(360deg)}}.dashboard-celebration-message{z-index:1;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffeb;border-radius:16px;padding:18px 32px;animation:.4s cubic-bezier(.34,1.56,.64,1) dashboard-celebration-pop;position:relative;box-shadow:0 12px 36px #0000002e}@keyframes dashboard-celebration-pop{0%{opacity:0;transform:scale(.8)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.dashboard-celebration-emoji{margin-bottom:6px;font-size:36px;animation:1s ease-in-out infinite dashboard-celebration-bounce;display:block}@keyframes dashboard-celebration-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.dashboard-celebration-message h2{color:#302568;margin:0;font-size:20px;font-weight:800}:root{--primary-darkest:#211c4d;--sidebar-btn-bg:#302568;--sidebar-bg:#fff;--sidebar-text:#302568;--primary:#302568;--primary-dark:#251c50;--primary-light:#3d2f82;--primary-gradient:linear-gradient(160deg, #302568, #302568);--accent:#8b7cf6;--accent-light:#ede9fe;--brand-green:#25d366;--brand-green-dark:#128c7e;--brand-green-light:#e6faf0;--bg-body:#f7f6fc;--bg-surface:#fff;--bg-soft:#f1eefb;--text-primary:#1f1b3a;--text-secondary:#6b6483;--text-muted:#9992b5;--text-on-primary:#fff;--border-light:#e6e2f5;--border-medium:#d3cceb;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--shadow-sm:0 1px 3px #2b256014;--shadow-md:0 4px 12px #2b25601f;--shadow-lg:0 8px 24px #2b256029;--radius-sm:6px;--radius-md:10px;--radius-lg:16px}body{background:var(--bg-body);color:var(--text-primary);font-family:Inter,Segoe UI,sans-serif}.btn-primary{background:var(--primary-gradient);color:var(--text-on-primary);border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-sm);border:none;padding:10px 20px;font-weight:600}.card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:20px}a{color:var(--primary)}a:hover{color:var(--primary-dark)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0;overflow:hidden}.app-layout{width:100%;height:100vh;display:flex}.app-content{flex-direction:column;flex:1;height:100vh;display:flex;overflow:hidden}.page-body{flex:1;overflow-y:auto}.dark{--primary-darkest:#181432;--sidebar-btn-bg:#4f46e5;--sidebar-bg:#110e24;--sidebar-text:#f0eefb;--primary:#818cf8;--primary-dark:#6366f1;--primary-light:#a5b4fc;--primary-gradient:linear-gradient(160deg, #4f46e5, #4338ca);--accent:#8b7cf6;--accent-light:#251e50;--brand-green:#25d366;--brand-green-dark:#128c7e;--brand-green-light:#0d3826;--bg-body:#0d0a1a;--bg-surface:#141029;--bg-soft:#1d1838;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-on-primary:#fff;--border-light:#26204a;--border-medium:#382f6a;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #00000080;--shadow-lg:0 8px 24px #0009}.dark body{background:var(--bg-body);color:var(--text-primary)}.dark input,.dark select,.dark textarea{background-color:var(--bg-surface)!important;color:var(--text-primary)!important;border-color:var(--border-medium)!important}.dark input::placeholder,.dark textarea::placeholder{color:var(--text-muted)!important}.dark input:focus,.dark select:focus,.dark textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--accent-light)!important}.dark .card,.dark .stat-card,.dark .filters-bar,.dark .table-card,.dark .leads-table-wrap,.dark .quotations-table-wrap,.dark .team-table-wrap,.dark .audit-table-wrap,.dark .settings-card,.dark .settings-sidebar,.dark .task-card,.dark .template-card,.dark .drawer-panel,.dark .add-lead-modal,.dark .modal-content,.dark .broadcast-wizard-card,.dark .import-card,.dark .analytics-card,.dark .celebration-banner{background-color:var(--bg-surface)!important;border-color:var(--border-light)!important;color:var(--text-primary)!important}.dark table thead,.dark .leads-table thead,.dark .quotations-table thead,.dark .team-table thead,.dark .audit-table thead,.dark th{background-color:var(--bg-soft)!important;color:var(--text-secondary)!important;border-color:var(--border-light)!important}.dark tr,.dark td{border-color:var(--border-light)!important;color:var(--text-primary)!important}.dark tr:hover td,.dark tbody tr:hover{background-color:var(--bg-soft)!important}.dark .btn-outline,.dark .date-btn,.dark .icon-btn,.dark .search-input,.dark .search-box,.dark .view-toggle{background-color:var(--bg-soft)!important;border-color:var(--border-medium)!important;color:var(--text-primary)!important}.dark .btn-outline:hover,.dark .icon-btn:hover{background-color:var(--accent-light)!important;color:var(--primary)!important}.dark .btn-ghost{color:var(--text-secondary)!important}.dark .btn-ghost:hover{color:var(--primary)!important}.dark .notif-dropdown,.dark .search-dropdown,.dark .header-user-menu,.dark .chat-menu-dropdown{background-color:var(--bg-surface)!important;border-color:var(--border-medium)!important;color:var(--text-primary)!important;box-shadow:0 10px 30px #0009!important}.dark .notif-item:hover,.dark .search-result-row:hover,.dark .header-user-menu-item:hover{background-color:var(--bg-soft)!important}.dark .notif-item-title,.dark .search-result-title{color:var(--text-primary)!important}.dark .notif-item-msg,.dark .search-result-sub,.dark .settings-tab{color:var(--text-secondary)!important}.dark .settings-tab:hover{background-color:var(--bg-soft)!important;color:var(--text-primary)!important}.dark .settings-tab.active{background-color:var(--accent-light)!important;color:var(--primary)!important}.dark .crm-buddy-bubble,.dark .crm-buddy-panel,.dark .crm-buddy-panel-body,.dark .crm-buddy-input-wrap{background-color:var(--bg-surface)!important;border-color:var(--border-light)!important;color:var(--text-primary)!important}.dark .crm-buddy-close{background-color:var(--bg-soft)!important;border-color:var(--border-medium)!important;color:var(--text-secondary)!important}.dark .crm-buddy-panel-header{color:var(--text-on-primary)!important}.dark .crm-buddy-panel-header button,.dark .crm-buddy-lang-toggle{color:var(--text-on-primary)!important;border-color:#ffffff47!important}.dark .crm-buddy-panel-messages,.dark .crm-buddy-suggestions{background-color:var(--bg-soft)!important}.dark .crm-buddy-msg-bot{background-color:var(--bg-soft)!important;color:var(--text-primary)!important}.dark .crm-buddy-panel-input{border-top-color:var(--border-light)!important;background-color:var(--bg-surface)!important}.dark .crm-buddy-panel-input input{background-color:var(--bg-soft)!important;color:var(--text-primary)!important;border-color:var(--border-medium)!important}.dark .crm-buddy-panel-input input::placeholder{color:var(--text-muted)!important}.dark .crm-buddy-panel-input button{background-color:var(--primary)!important;color:#fff!important}.dark .crm-buddy-suggestion-chip{background-color:var(--bg-surface)!important;border-color:var(--border-medium)!important;color:var(--text-primary)!important}.dark .crm-buddy-suggestion-chip:hover{background-color:var(--bg-soft)!important;border-color:var(--primary-light)!important;color:var(--primary-light)!important}.dark .recharts-default-tooltip{background-color:var(--bg-surface)!important;border-color:var(--border-medium)!important;color:var(--text-primary)!important;box-shadow:0 4px 12px #00000080!important}.dark .recharts-text{fill:var(--text-secondary)!important}.dark .header,.dark .page-body,.dark .leads-page,.dark .drawer-panel,.dark .drawer-header-new,.dark .drawer-content,.dark .drawer-right,.dark .drawer-left{background-color:var(--bg-surface)!important;color:var(--text-primary)!important}.dark .menu-toggle,.dark .header-user-name,.dark .header-user-chevron,.dark .header-user-role,.dark .header-user-info,.dark .header .icon-btn{color:var(--text-primary)!important}.dark .header .icon-btn{border:1px solid var(--border-medium);background-color:var(--bg-soft)!important}.dark .header .icon-btn:hover,.dark .menu-toggle:hover,.dark .header-user:hover{background-color:var(--accent-light)!important;color:var(--primary-light)!important}.dark .drawer-overlay{background:#000000b8!important}.dark .drawer-tabs{background-color:var(--bg-surface)!important;border-color:var(--border-light)!important}.dark .drawer-tab{color:var(--text-secondary)!important;border-color:var(--border-light)!important}.dark .drawer-tab.active,.dark .drawer-tab:hover{color:var(--primary-light)!important}.dark .drawer-close,.dark .drawer-close-abs{background-color:var(--bg-soft)!important;color:var(--text-primary)!important;border-color:var(--border-medium)!important}.dark .drawer-sub-row,.dark .drawer-info-label,.dark .drawer-info-item,.dark .drawer-info-value,.dark .note-time,.dark .pipeline-stage span,.dark .chat-header-status{color:var(--text-secondary)!important}.dark .drawer-info-grid,.dark .drawer-info-grid-vertical,.dark .pipeline-current,.dark .note-item,.dark .call-history-item{background-color:var(--bg-soft)!important;border-color:var(--border-light)!important;color:var(--text-primary)!important}.dark .pipeline-current strong,.dark .note-item p,.dark .drawer-info-value,.dark .pipeline-stage.active span,.dark .pipeline-stage.done span{color:var(--text-primary)!important}.dark .stage-dot{background-color:var(--bg-soft)!important;border-color:var(--border-medium)!important;color:var(--text-secondary)!important}.dark .lead-interest,.dark .contact-email,.dark .created-cell,.dark .contact-phone,.dark .agent-cell,.dark .followup-cell{color:var(--text-secondary)!important}.dark .dashboard,.dark .tasks-page,.dark .analytics-page,.dark .team-page,.dark .import-page{background:var(--bg-body)!important;color:var(--text-primary)!important}.dark .dashboard .card,.dark .dashboard .stat-card,.dark .tasks-page .stat-card,.dark .tasks-page .task-card,.dark .tasks-page .tasks-table-wrap,.dark .tasks-page .task-modal-panel,.dark .tasks-page .task-stat-card,.dark .tasks-page .task-stat-modal,.dark .analytics-page .stat-card,.dark .analytics-page .panel,.dark .analytics-page .analytics-modal-panel,.dark .team-page .stat-card,.dark .team-page .team-card,.dark .team-page .team-table-wrap,.dark .team-page .team-detail-modal,.dark .team-page .team-stat-card,.dark .team-page .team-stat-modal,.dark .import-page .import-panel,.dark .import-page .import-done,.dark .import-page .preview-table-wrap,.dark .import-page .mapping-row{background:var(--bg-surface)!important;border-color:var(--border-light)!important;color:var(--text-primary)!important}.dark .dashboard .card-header,.dark .dashboard .pipeline-col,.dark .dashboard .pipeline-lead,.dark .dashboard .recent-lead-row,.dark .dashboard .conversation-item,.dark .tasks-page .task-detail-card,.dark .tasks-page .task-modal-header,.dark .tasks-page .task-modal-body,.dark .tasks-page .task-modal-actions,.dark .team-page .team-detail-card,.dark .team-page .team-detail-body,.dark .team-page .team-detail-footer,.dark .analytics-page .analytics-modal-body,.dark .analytics-page .analytics-modal-card,.dark .import-page .import-panel-footer,.dark .import-page .mapping-source,.dark .import-page .mapping-target{background:var(--bg-soft)!important;border-color:var(--border-light)!important;color:var(--text-primary)!important}.dark .dashboard .lead-name,.dark .dashboard .lead-phone,.dark .dashboard .conv-name,.dark .dashboard .conv-msg,.dark .dashboard .conv-time,.dark .dashboard .chart-title,.dark .dashboard .legend-name,.dark .dashboard .legend-value,.dark .tasks-page .task-title,.dark .tasks-page .task-card-title,.dark .tasks-page .task-card-meta,.dark .analytics-page .panel,.dark .analytics-page .panel-header,.dark .analytics-page .panel-sub,.dark .analytics-page .legend-label,.dark .analytics-page .legend-value,.dark .team-page .team-name,.dark .team-page .team-contact,.dark .team-page .team-detail-name-row,.dark .team-page .team-detail-note,.dark .import-page .section-label,.dark .import-page .mapping-source-label,.dark .import-page .dropzone-title,.dark .import-page .dropzone-sub,.dark .import-page .muted{color:var(--text-primary)!important}.dark .dashboard .subtitle,.dark .tasks-page .subtitle,.dark .analytics-page .subtitle,.dark .team-page .subtitle,.dark .import-page .subtitle,.dark .tasks-page .stat-sub,.dark .analytics-page .stat-sub,.dark .team-page .stat-sub,.dark .import-page .muted.small{color:var(--text-secondary)!important}.dark .tasks-page table,.dark .analytics-page table,.dark .team-page table,.dark .import-page table,.dark .tasks-page th,.dark .analytics-page th,.dark .team-page th,.dark .import-page th{color:var(--text-primary)!important;border-color:var(--border-light)!important}.dark .tasks-page tr:hover,.dark .analytics-page tr:hover,.dark .team-page tr:hover,.dark .import-page tr:hover{background:var(--bg-soft)!important}.dark .tasks-page input,.dark .tasks-page select,.dark .tasks-page textarea,.dark .analytics-page input,.dark .analytics-page select,.dark .team-page input,.dark .team-page select,.dark .team-page textarea,.dark .import-page input,.dark .import-page select,.dark .import-page textarea{background:var(--bg-surface)!important;color:var(--text-primary)!important;border-color:var(--border-medium)!important}.dark .dropzone{background:var(--bg-soft)!important;border-color:var(--border-medium)!important;color:var(--text-primary)!important}.dark .analytics-modal-overlay,.dark .task-modal-overlay,.dark .modal-overlay,.dark .dashboard-stat-modal-overlay{background:#000000b8!important}.dark .dashboard-stat-modal-panel{background:var(--bg-surface)!important;border-color:var(--border-light)!important;color:var(--text-primary)!important;box-shadow:var(--shadow-lg)!important}.dark .dashboard-stat-modal-header,.dark .dashboard-stat-modal-footer{border-color:var(--border-light)!important;color:var(--text-primary)!important}.dark .dashboard-stat-modal-body,.dark .dashboard-stat-modal-row{color:var(--text-primary)!important;border-color:var(--border-light)!important}.dark .dashboard-stat-modal-body [style*="color: #6b7280"],.dark .dashboard-stat-modal-body [style*="color: #9ca3af"]{color:var(--text-secondary)!important}.dark .leads-stat-modal-overlay{background:#000000b8!important}.dark .leads-stat-modal-panel{background:var(--bg-surface)!important;border-color:var(--border-light)!important;color:var(--text-primary)!important}.dark .leads-stat-modal-header,.dark .leads-stat-modal-footer,.dark .leads-stat-modal-body,.dark .leads-stat-modal-row{border-color:var(--border-light)!important;color:var(--text-primary)!important}.dark .leads-stat-modal-body [style*="color: #6b7280"]{color:var(--text-secondary)!important}.dark .priority-medium,.dark .priority-high,.dark .priority-low,.dark .status-followup,.dark .status-negotiation,.dark .status-lost{filter:brightness(.82)}.leads-page{background:var(--bg-body);min-height:100vh;padding:24px 28px}.leads-top{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.leads-top h1{color:var(--text-primary);margin:0 0 4px;font-size:24px;font-weight:700}.leads-top-actions{gap:10px;display:flex}.stat-icon{border-radius:var(--radius-sm);background:var(--accent-light);width:40px;height:40px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-change{font-size:11px;font-weight:600}.search-input{background:var(--bg-soft);border:1px solid var(--border-light);min-width:220px;color:var(--text-muted);border-radius:8px;flex:1;align-items:center;gap:8px;padding:8px 12px;display:flex}.btn-outline.small,.btn-ghost.small{cursor:pointer;border:1px solid var(--border-medium);background:var(--bg-surface);color:var(--text-primary);border-radius:7px;align-items:center;gap:6px;padding:8px 12px;font-size:12.5px;display:flex}.btn-ghost.small{color:var(--text-secondary);background:0 0;border:none;font-weight:600}.btn-ghost.small:hover{color:var(--primary)}.leads-table-wrap{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow-x:auto}.leads-table{border-collapse:collapse;width:100%;min-width:1100px}.leads-table thead{background:var(--bg-soft)}.leads-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em;border-bottom:1px solid var(--border-light);white-space:nowrap;padding:12px 14px;font-size:11.5px;font-weight:700}.checkbox-col{width:40px}.leads-table td{border-bottom:1px solid var(--border-light);vertical-align:middle;color:var(--text-primary);padding:12px 14px;font-size:13px}.leads-table tbody tr:hover{background:var(--bg-soft)}.leads-table input[type=checkbox]{accent-color:var(--primary);cursor:pointer;width:15px;height:15px}.lead-name-row{color:var(--text-primary);align-items:center;gap:6px;font-weight:600;display:flex}.new-tag{background:var(--accent-light);color:var(--primary);border-radius:8px;padding:1px 6px;font-size:9.5px;font-weight:700}.contact-cell{flex-direction:column;gap:3px;display:flex}.contact-phone{color:var(--text-primary);align-items:center;gap:5px;font-size:12.5px;display:flex}.contact-phone svg{color:var(--success)}.contact-email{color:var(--text-muted);font-size:11.5px}.source-text{color:var(--primary);font-size:12.5px;font-weight:600}.status-badge,.priority-badge{white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.status-interested{background:var(--accent-light);color:var(--primary)}.status-contacted{color:var(--info);background:#e6e9fb}.status-negotiation{color:#d6336c;background:#fde8ec}.status-lost,.priority-high{color:var(--danger);background:#fdeaea}.followup-cell svg{color:var(--text-muted)}.followup-cell.urgent svg{color:var(--danger)}.created-cell{color:var(--text-secondary);white-space:nowrap;flex-direction:column;font-size:12px;display:flex}.table-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.page-btn{border:1px solid var(--border-medium);background:var(--bg-surface);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;font-size:12.5px;font-weight:600;display:flex}.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.page-btn:hover:not(.active){background:var(--bg-soft)}.page-dots{color:var(--text-muted);padding:0 2px;font-size:12.5px}.per-page-select{border:1px solid var(--border-medium);color:var(--text-primary);background:var(--bg-surface);border-radius:7px;margin-left:8px;padding:6px 10px;font-size:12.5px}@media (width<=1280px){.stat-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.stat-grid{grid-template-columns:repeat(2,1fr)}.leads-top{flex-direction:column;gap:12px}}.stat-grid{grid-template-columns:repeat(6,1fr)!important;gap:14px!important;display:grid!important}.stat-card{min-width:0!important;aspect-ratio:unset!important;padding:16px 12px!important}.stat-value{font-size:18px!important}.stat-label{font-size:10px!important}@media (width<=900px){.stat-grid{grid-template-columns:repeat(3,1fr)!important}}@media (width<=700px){.stat-grid{grid-template-columns:repeat(2,1fr)!important}}.date-btn{flex:1!important;justify-content:flex-start!important;width:100%!important}.date-btn{justify-content:center!important}.filter-group{flex:1!important;min-width:0!important}.view-toggle{border:1px solid var(--border-medium);border-radius:8px;margin-right:8px;display:flex;overflow:hidden}.view-toggle button{background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;border:none;justify-content:center;align-items:center;padding:8px 10px;display:flex}.leads-grid-wrap{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.lead-card{background:var(--bg-surface);border:1px solid var(--border-light);cursor:pointer;border-radius:14px;flex-direction:column;gap:10px;padding:16px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.lead-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-2px)}.lead-card-top{justify-content:space-between;align-items:center;display:flex}.lead-card-name-row{align-items:center;gap:8px;display:flex}.lead-card-name{color:var(--text-primary);font-size:14.5px;font-weight:700}.lead-card-badges{gap:8px;display:flex}.lead-card-contact{color:var(--text-secondary);flex-direction:column;gap:4px;font-size:12.5px;display:flex}.lead-card-contact span{align-items:center;gap:6px;display:flex}.lead-card-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;padding-top:10px;display:flex}@media (width<=1200px){.leads-grid-wrap{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.leads-grid-wrap{grid-template-columns:1fr}}.filters-bar{align-items:flex-end!important}.filter-group .date-btn{height:38px;margin:0;padding:0 14px}.filter-group:has(input[type=number]){height:38px;flex-direction:row!important;align-items:center!important}.filter-group:has(input[type=number]) input[type=number]{height:32px;margin:0}.clear-filter-group{align-self:flex-end;height:38px}.filters-bar .clear-filter-btn{box-sizing:border-box;white-space:nowrap;justify-content:center;width:auto;min-width:122px;height:38px;padding:0 14px}.drawer-overlay{z-index:1000;background:#1f1b3a66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.drawer-panel{background:var(--bg-surface);width:780px;max-width:94vw;height:88vh;max-height:780px;box-shadow:var(--shadow-lg);border-radius:14px;flex-direction:column;animation:.2s popIn;display:flex;overflow:hidden}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.drawer-tabs{border-bottom:1px solid var(--border-light,#e5e7eb);background:var(--bg-surface,#fff);align-items:center;gap:8px;padding:0 16px;display:flex}.drawer-tab{color:var(--text-muted,#64748b);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2.5px solid #0000;flex:1;justify-content:center;align-items:center;gap:8px;padding:13px 16px;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex}.drawer-tab:hover{color:var(--primary,#4f46e5);background:var(--bg-soft,#f8fafc)}.drawer-tab.active{color:var(--primary,#4f46e5);border-bottom-color:var(--primary,#4f46e5);font-weight:700}.drawer-content{flex:1;padding:20px;overflow-y:auto}.drawer-close{border:1px solid var(--border-light,#e2e8f0);background:var(--bg-surface,#fff);cursor:pointer;width:34px;height:34px;color:var(--text-secondary,#64748b);border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.drawer-close:hover{color:#ef4444;background:#fee2e2;border-color:#fecaca}.add-row{gap:8px;margin-bottom:14px;display:flex}.add-row input{border:1px solid var(--border-medium);border-radius:8px;outline:none;flex:1;padding:9px 12px;font-size:13px}.add-btn{background:var(--primary-gradient);color:#fff;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.list-scroll{flex-direction:column;gap:10px;display:flex}.note-item{background:var(--bg-soft);border-radius:var(--radius-sm);padding:10px 12px}.note-item p{color:var(--text-primary);margin:0 0 6px;font-size:13px}.note-time{color:var(--text-muted);align-items:center;gap:4px;font-size:11px;display:flex}.followup-item{background:var(--bg-soft);border-radius:var(--radius-sm);align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.followup-item input[type=checkbox]{accent-color:var(--primary);cursor:pointer;width:15px;height:15px;margin-top:3px}.followup-date{color:var(--text-primary);font-size:13px;font-weight:600}.followup-note{color:var(--text-secondary);font-size:12px}.followup-item.done .followup-date,.followup-item.done .followup-note{color:var(--text-muted);text-decoration:line-through}.pipeline-stepper{flex-direction:column;gap:0;display:flex}.pipeline-stage{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:10px 0;transition:background .15s;display:flex;position:relative}.pipeline-stage:hover{background:var(--bg-soft)}.pipeline-stage:not(:last-child):after{content:"";background:var(--border-medium);width:2px;height:22px;position:absolute;top:34px;left:14px}.stage-dot{background:var(--bg-soft);border:2px solid var(--border-medium);width:28px;height:28px;color:var(--text-muted);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.pipeline-stage span{color:var(--text-secondary);font-size:13px;font-weight:500}.pipeline-stage.done .stage-dot{background:var(--success);border-color:var(--success);color:#fff}.pipeline-stage.done span{color:var(--text-primary)}.pipeline-stage.active .stage-dot{background:var(--primary);border-color:var(--primary);color:#fff}.pipeline-stage.active span{color:var(--primary);font-weight:700}.pipeline-current{background:var(--accent-light);border-radius:var(--radius-sm);color:var(--text-primary);margin-top:16px;padding:10px 12px;font-size:13px}.drawer-header-new{border-bottom:1px solid var(--border-light);padding:18px 20px}.drawer-header-top{justify-content:space-between;align-items:flex-start;display:flex}.drawer-lead-info{align-items:flex-start;gap:12px;display:flex}.drawer-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;font-size:15px;font-weight:700;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000026}.drawer-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.drawer-sub-row{color:var(--text-muted);align-items:center;gap:5px;margin-top:2px;font-size:12.5px;display:flex}.drawer-badges-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;margin-left:50px;display:flex}.priority-badge-wrap{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.priority-pill{letter-spacing:.02em;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.priority-high{color:#991b1b;background:#fee2e2;border-color:#fecaca}.priority-medium{color:#92400e;background:#fef3c7;border-color:#fde68a}.priority-low{color:#166534;background:#dcfce7;border-color:#bbf7d0}.priority-edit-btn,.priority-save-btn,.priority-cancel-btn{cursor:pointer;border:none;border-radius:999px;align-items:center;gap:5px;height:24px;padding:0 10px;font-size:11px;font-weight:600;transition:background .15s,color .15s,opacity .15s;display:inline-flex}.priority-edit-btn{color:#2563eb;background:#eff6ff}.priority-edit-btn:hover{background:#dbeafe}.priority-save-btn{background:var(--primary);color:#fff}.priority-save-btn:hover{opacity:.9}.priority-cancel-btn{color:#374151;background:#e5e7eb}.priority-cancel-btn:hover{background:#d1d5db}.priority-editor{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.priority-editor select{border:1px solid var(--border-medium);min-width:110px;height:28px;color:var(--text-primary);background:#fff;border-radius:8px;outline:none;padding:0 8px;font-size:12px}.priority-editor select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #3b82f626}.drawer-info-grid{background:var(--bg-soft);border-radius:10px;grid-template-columns:1fr 1fr;gap:10px 16px;margin-top:14px;padding:12px 14px;display:grid}.drawer-info-item{color:var(--text-muted);align-items:flex-start;gap:8px;display:flex}.drawer-info-item svg{color:var(--text-muted);flex-shrink:0;margin-top:2px}.drawer-info-label{color:var(--text-muted);margin-bottom:1px;font-size:11px}.drawer-info-value{color:var(--text-primary);word-break:break-word;font-size:13px;font-weight:500}.drawer-panel{position:relative}.drawer-close-abs{background:var(--bg-soft);cursor:pointer;width:30px;height:30px;color:var(--text-secondary);z-index:2;border:none;border-radius:7px;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:16px}.drawer-close-abs:hover{background:var(--accent-light);color:var(--primary)}.drawer-split{flex:1;min-height:0;display:flex;overflow:hidden}.drawer-left{border-right:1px solid var(--border-light);flex-shrink:0;width:240px;padding:20px 18px;overflow-y:auto}.drawer-right{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.drawer-info-grid-vertical{background:0 0;flex-direction:column;grid-template-columns:none;gap:14px;margin-top:16px;padding:0;display:flex}.drawer-right .drawer-tabs{padding-right:44px}.drawer-tab{white-space:nowrap}.add-lead-modal{background:var(--bg-surface,#fff);border-radius:16px;flex-direction:column;width:100%;max-width:560px;max-height:88vh;display:flex;overflow-y:auto;box-shadow:0 20px 50px #00000040}.add-lead-header{border-bottom:1px solid var(--border-light,#eee);justify-content:space-between;align-items:flex-start;padding:20px 22px;display:flex}.add-lead-header h2{color:var(--text-primary,#1f1b3a);margin:0;font-size:17px;font-weight:700}.add-lead-header .subtitle{color:var(--text-secondary,#6b6483);margin-top:3px;font-size:12.5px}.add-lead-body{padding:20px 22px}.add-lead-error{color:#dc2626;margin:0 0 14px;font-size:13px}.add-lead-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.add-lead-grid .field-block{flex-direction:column;gap:6px;display:flex}.add-lead-grid label{color:var(--text-secondary,#6b6483);font-size:12px;font-weight:600}.add-lead-grid input,.add-lead-grid select{border:1px solid var(--border-medium,#d3cceb);color:var(--text-primary,#1f1b3a);border-radius:8px;outline:none;padding:9px 12px;font-size:13px}.add-lead-grid input:focus,.add-lead-grid select:focus{border-color:var(--primary,#302568)}.add-lead-footer{border-top:1px solid var(--border-light,#eee);justify-content:flex-end;gap:10px;margin-top:20px;padding-top:16px;display:flex}.tasks-page{background:var(--bg-body);box-sizing:border-box;min-height:100vh;padding:24px 28px}.tasks-top{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.tasks-top h1{color:var(--text-primary);margin:0 0 4px;font-size:22px;font-weight:700}.tasks-top .subtitle{color:var(--text-secondary);margin-top:4px;font-size:13px}.tasks-top-actions{align-items:center;gap:10px;display:flex}.btn-outline{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-medium);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;display:flex}.search-input{background:var(--bg-soft);border:1px solid var(--border-light);min-width:240px;color:var(--text-muted);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex}.tasks-table-wrap{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:12px;overflow-x:auto}.tasks-grid-wrap{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.task-card{background:var(--bg-surface);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);border-radius:14px;flex-direction:column;gap:12px;padding:16px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.task-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-2px)}.task-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.task-card-check{align-items:center;gap:8px;display:flex}.task-card-check input{accent-color:var(--primary);width:15px;height:15px}.task-card-title{color:var(--text-primary);font-size:15px;font-weight:700;line-height:1.35}.task-card-lead{color:var(--text-secondary);font-size:12.5px}.task-card-badges{flex-wrap:wrap;gap:8px;display:flex}.task-card-meta{border-top:1px solid var(--border-light);flex-direction:column;gap:10px;padding-top:10px;display:flex}.tasks-empty{text-align:center;color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-light);border-radius:12px;grid-column:1/-1;padding:20px}.tasks-table{border-collapse:collapse;width:100%}.tasks-table th{text-align:left;text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid var(--border-light);white-space:nowrap;padding:12px 14px;font-size:11px}.tasks-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);vertical-align:middle;padding:12px 14px;font-size:13px}.task-title{color:var(--text-primary);font-weight:600}.source-text{color:var(--text-secondary);font-size:13px}.type-cell{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.status-followup{color:#7c3aed;background:#ede9fe}.priority-badge{border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700}.priority-high{color:#dc2626;background:#fee2e2}.priority-medium{color:#d97706;background:#fef3c7}.priority-low{color:#059669;background:#d1fae5}.followup-cell{color:#6b7280;white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex}.followup-cell.urgent{color:#dc2626;font-weight:600}.agent-cell{color:#4b5563;align-items:center;gap:6px;font-size:12px;display:flex}.agent-avatar{background:var(--accent-light);width:20px;height:20px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.actions-cell{gap:8px;display:flex}.icon-action{background:var(--bg-soft);border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.table-footer{justify-content:space-between;align-items:center;padding:14px 4px;display:flex}.footer-count{color:var(--text-secondary);font-size:12px}.pagination{align-items:center;gap:6px;display:flex}.page-btn{border:1px solid var(--border-light);background:var(--bg-surface);width:28px;height:28px;color:var(--text-primary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:12px;display:flex}.page-btn.active{color:#fff;background:#6d28d9;border-color:#6d28d9}.page-dots{color:#9ca3af;font-size:12px}.per-page-select{color:#374151;border:1px solid #d1d5db;border-radius:6px;margin-left:8px;padding:5px 8px;font-size:12px}@media (width<=1200px){.stat-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.tasks-top{align-items:stretch}.tasks-top-actions{justify-content:space-between;width:100%}.view-toggle,.view-toggle button{flex:1}.tasks-grid-wrap{grid-template-columns:1fr}.task-stat-hero,.task-stat-row{flex-direction:column;align-items:flex-start}.task-stat-grid{grid-template-columns:1fr}.task-stat-row-meta{align-items:flex-start}}.filters-bar-plain{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:18px;padding:14px 16px;display:flex}.filters-bar-plain select,.filters-bar-plain .date-btn{border:1px solid var(--border-light);color:#1e1b4b;cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:6px;min-width:150px;padding:8px 14px;font-size:13px;display:flex}.filters-bar-plain .date-btn{flex:none;width:auto;min-width:150px}.task-modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.task-modal-panel{background:#fff;border-radius:12px;width:480px;max-width:92vw;max-height:90vh;overflow-y:auto}.task-stat-modal{width:min(760px,94vw)}.task-modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.task-modal-header h3{margin:0;font-size:16px}.task-modal-body{flex-direction:column;gap:14px;padding:20px;display:flex}.task-stat-body{gap:14px}.task-stat-hero{border:1px solid var(--border-light);background:var(--bg-soft);border-radius:12px;align-items:flex-start;gap:14px;padding:14px;display:flex}.task-stat-avatar{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.task-stat-hero-text{flex:1;min-width:0}.task-stat-hero-text h4{color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.task-stat-hero-text p{color:var(--text-secondary);margin:6px 0 0;font-size:13px;line-height:1.45}.task-stat-count{background:var(--accent-light);min-width:40px;color:var(--primary);border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:13px;font-weight:700;display:inline-flex}.task-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.task-stat-card{border:1px solid var(--border-light);background:var(--bg-surface);border-radius:12px;flex-direction:column;gap:4px;min-width:0;padding:12px;display:flex}.task-stat-card span{color:var(--text-muted);font-size:11.5px;font-weight:600}.task-stat-card strong{color:var(--text-primary);font-size:18px;font-weight:700}.task-stat-list-wrap{flex-direction:column;gap:10px;display:flex}.task-stat-list-title{color:var(--text-primary);font-size:14px;font-weight:700}.task-stat-list{flex-direction:column;gap:10px;display:flex}.task-stat-row{border:1px solid var(--border-light);background:var(--bg-surface);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.task-stat-row-title{color:var(--text-primary);font-size:13px;font-weight:700}.task-stat-row-sub{color:var(--text-secondary);margin-top:2px;font-size:12px}.task-stat-row-meta{white-space:nowrap;flex-direction:column;align-items:flex-end;gap:6px;display:flex}.task-stat-row-time{color:var(--text-muted);font-size:11.5px}.form-row{gap:14px;display:flex}.form-row .form-group{flex:1}.form-group{flex-direction:column;gap:6px;display:flex}.task-modal-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}@media (width<=640px){.tasks-top{align-items:stretch}.tasks-top-actions{justify-content:space-between;width:100%}.view-toggle,.view-toggle button{flex:1}.tasks-grid-wrap{grid-template-columns:1fr}}.tasks-table tbody tr.clickable-row:hover{background:#f9fafb}.task-card.clickable-row:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-2px)}.task-detail-title-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.task-detail-title-row h4{margin:0;font-size:16px}.task-detail-grid{grid-template-columns:1fr 1fr;gap:12px;margin:16px 0;display:grid}.task-detail-card{background:#f9fafb;border-radius:8px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.task-detail-card span{color:#6b7280;font-size:12px}.task-detail-card strong{color:#1e1b4b;font-size:13px}.status-select{cursor:pointer;appearance:none;text-align:center;border:none;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500}.status-select.status-new{color:#1e40af;background:#dbeafe}.status-select.status-followup{color:#92400e;background:#fef3c7}.status-select.status-converted{color:#065f46;background:#d1fae5}.status-select.status-lost{color:#991b1b;background:#fee2e2}.status-select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3'><polyline points='6 9 12 15 18 9'></polyline></svg>");background-position:right 8px center;background-repeat:no-repeat;background-size:10px;padding-right:24px}.date-btn[type=date]{border:1px solid var(--border-medium);color:var(--text-primary);background:var(--bg-surface);border-radius:7px;min-width:130px;height:auto;padding:7px 10px;font-family:inherit;font-size:12.5px}.templates-page{padding:24px}.templates-top{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.templates-top h1{color:#1f2937;margin:0;font-size:22px;font-weight:700}.templates-top .subtitle{color:#6b7280;margin-top:4px;font-size:13px}.templates-top-actions{gap:10px;display:flex}.btn-outline.small,.btn-ghost.small{padding:8px 12px;font-size:12px}.btn-ghost{color:#6b7280;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;display:flex}.search-input{color:#9ca3af;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;min-width:240px;padding:8px 12px;display:flex}.filter-group label{color:#6b7280;font-size:11px;font-weight:600}.filter-group select{color:#374151;border:1px solid #d1d5db;border-radius:8px;min-width:130px;padding:7px 10px;font-size:12px}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.template-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:12px;padding:16px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.template-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-2px)}.template-card-top{align-items:flex-start;gap:10px;display:flex}.template-icon{color:#059669;background:#d1fae5;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.template-title-block{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.template-name{color:#1f2937;font-size:14px;font-weight:700}.category-badge{border-radius:999px;width:fit-content;padding:2px 8px;font-size:10px;font-weight:700}.cat-greeting{color:#2563eb;background:#dbeafe}.cat-utility{color:#4f46e5;background:#e0e7ff}.cat-marketing{color:#db2777;background:#fce7f3}.template-preview{color:#4b5563;background:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;min-height:66px;margin:0;padding:10px 12px;font-size:12px;line-height:1.5}.template-card-image,.template-image-preview{object-fit:cover;border:1px solid var(--border-light);border-radius:8px;width:100%;max-height:180px;margin-top:10px;display:block}.template-image-picker{color:#7b8498;align-items:center;gap:10px;margin:8px 0;font-size:12px;display:flex}.template-image-select{color:#352576;cursor:pointer;background:#f5f2ff;border:1px solid #d8d5f0;border-radius:8px;justify-content:center;align-items:center;min-height:34px;padding:0 13px;font-weight:600;display:inline-flex}.template-image-select input{display:none}.template-image-preview{max-height:160px}.template-meta-row{justify-content:space-between;align-items:center;display:flex}.template-language{color:#6b7280;font-size:12px;font-weight:600}.status-badge{white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.status-new{color:#2563eb;background:#dbeafe}.status-converted{color:#059669;background:#d1fae5}.status-lost{color:#dc2626;background:#fee2e2}.template-footer-row{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding-top:10px;display:flex}.template-used{color:#9ca3af;font-size:11px}.template-actions{gap:6px;display:flex}.icon-action{color:#4b5563;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.icon-action.small{background:0 0;border:none;width:22px;height:22px}.templates-empty{text-align:center;color:#9ca3af;grid-column:1/-1;padding:40px 0;font-size:13px}@media (width<=1200px){.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.template-stat-hero,.template-stat-row{flex-direction:column;align-items:flex-start}.template-stat-grid{grid-template-columns:1fr}.template-stat-row-meta{align-items:flex-start}}.modal-overlay{z-index:100;background:#1118278c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.send-modal{background:var(--bg-surface,#fff);border-radius:16px;flex-direction:column;width:100%;max-width:460px;max-height:88vh;display:flex;overflow-y:auto;box-shadow:0 20px 50px #00000040}.template-stat-modal{max-width:760px}.template-stat-body{gap:14px}.template-stat-hero{border:1px solid var(--border-light,#eee);background:var(--bg-soft,#f1eefb);border-radius:12px;align-items:flex-start;gap:14px;padding:14px;display:flex}.template-stat-avatar{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.template-stat-hero-text{flex:1;min-width:0}.template-stat-title-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.template-stat-title-row h3{color:var(--text-primary,#1f1b3a);margin:0;font-size:18px;font-weight:700}.template-stat-hero-text p{color:var(--text-secondary,#6b6483);margin:6px 0 0;font-size:13px;line-height:1.45}.template-stat-count{background:var(--accent-light,#ede9fe);min-width:40px;color:var(--primary,#302568);border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:13px;font-weight:700;display:inline-flex}.template-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.template-stat-card{border:1px solid var(--border-light,#eee);background:var(--bg-surface,#fff);border-radius:12px;flex-direction:column;gap:4px;min-width:0;padding:12px;display:flex}.template-stat-card span{color:#9ca3af;font-size:11.5px;font-weight:600}.template-stat-card strong{color:var(--text-primary,#1f1b3a);font-size:18px;font-weight:700}.template-stat-list-wrap{flex-direction:column;gap:10px;display:flex}.template-stat-list-title{color:var(--text-primary,#1f1b3a);font-size:14px;font-weight:700}.template-stat-list{flex-direction:column;gap:10px;display:flex}.template-stat-row{border:1px solid var(--border-light,#eee);background:var(--bg-surface,#fff);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.template-stat-row-title{color:var(--text-primary,#1f1b3a);font-size:13px;font-weight:700}.template-stat-row-sub{color:var(--text-secondary,#6b6483);margin-top:2px;font-size:12px}.template-stat-row-meta{white-space:nowrap;flex-direction:column;align-items:flex-end;gap:6px;display:flex}.template-stat-row-time{color:#9ca3af;font-size:11.5px}.send-modal-header{border-bottom:1px solid var(--border-light,#eee);justify-content:space-between;align-items:flex-start;padding:20px 22px;display:flex}.send-modal-header h2{color:var(--text-primary,#1f1b3a);margin:0;font-size:17px;font-weight:700}.send-modal-header .subtitle{color:var(--text-secondary,#6b6483);margin-top:3px;font-size:12.5px}.send-modal-body{flex-direction:column;gap:16px;padding:20px 22px;display:flex}.send-modal-footer{border-top:1px solid var(--border-light,#eee);justify-content:flex-end;gap:10px;padding:16px 22px;display:flex}.field-block input,.field-block select,.field-block textarea{border:1px solid var(--border-medium,#d3cceb);color:var(--text-primary,#1f1b3a);box-sizing:border-box;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-size:13px}.search-input{background:var(--bg-soft,#f1eefb);border:1px solid var(--border-light,#eee);border-radius:10px;align-items:center;gap:8px;padding:10px 14px;display:flex}.search-input svg{color:var(--text-muted,#9992b5);flex-shrink:0}.search-input input{width:100%;color:var(--text-primary,#1f1b3a);background:0 0;border:none;outline:none;font-size:13px}.lead-suggestions{grid-template-columns:1fr 1fr;gap:8px;max-height:220px;margin-top:10px;display:grid;overflow-y:auto}.lead-suggestion-item{background:var(--bg-surface,#fff);border:1px solid var(--border-light,#eee);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:10px;padding:10px;display:flex}.lead-suggestion-item:hover{border-color:var(--primary,#302568);background:var(--bg-soft,#f1eefb)}.selected-lead-info{flex-direction:column;gap:2px;min-width:0;display:flex}.selected-lead-info span:first-child{color:var(--text-primary,#1f1b3a);font-size:13px;font-weight:600}.selected-lead-info .muted{color:var(--text-secondary,#6b6483);font-size:11.5px}.selected-lead-chip{border:1px solid var(--border-medium,#d3cceb);background:var(--bg-soft,#f1eefb);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.no-leads-found{text-align:center;color:var(--text-muted,#9992b5);grid-column:1/-1;padding:14px;font-size:12.5px}.variables-grid{flex-direction:column;gap:8px;display:flex}.variable-input{align-items:center;gap:8px;display:flex}.variable-tag{background:var(--accent-light,#ede9fe);color:var(--primary,#302568);border-radius:6px;flex-shrink:0;padding:6px 8px;font-size:11px;font-weight:700}.variable-input input{border:1px solid var(--border-medium,#d3cceb);border-radius:8px;outline:none;flex:1;padding:8px 10px;font-size:12.5px}.message-preview-box{background:var(--bg-soft,#f1eefb);border:1px solid var(--border-light,#eee);color:var(--text-primary,#1f1b3a);white-space:pre-wrap;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.5}.btn-primary{background:var(--primary-gradient,linear-gradient(160deg, #302568, #302568));color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:600;display:inline-flex}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background:var(--bg-surface,#fff);color:var(--text-primary,#1f1b3a);border:1px solid var(--border-medium,#d3cceb);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:600;display:inline-flex}.icon-action{cursor:pointer;color:var(--text-secondary,#6b6483);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;display:flex}.icon-action:disabled{opacity:.4;cursor:not-allowed}.selected-leads-chips{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.selected-lead-tag{background:var(--accent-light,#ede9fe);color:var(--primary,#302568);border-radius:999px;align-items:center;gap:6px;padding:5px 6px 5px 10px;font-size:12px;font-weight:600;display:flex}.selected-lead-tag button{cursor:pointer;width:16px;height:16px;color:var(--primary,#302568);background:#30256826;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.lead-suggestion-item.selected{border-color:var(--primary,#302568);background:var(--accent-light,#ede9fe)}.lead-checkbox{border:1.5px solid var(--border-medium,#d3cceb);width:16px;height:16px;color:var(--primary,#302568);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.lead-suggestion-item.selected .lead-checkbox{background:var(--primary,#302568);border-color:var(--primary,#302568);color:#fff}.analytics-page{box-sizing:border-box;width:100%;min-width:0;padding:24px;overflow-x:hidden}.analytics-top{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.analytics-top h1{color:#1f2937;margin:0;font-size:22px;font-weight:700}.analytics-top .subtitle{color:#6b7280;margin-top:4px;font-size:13px}.analytics-top-actions{gap:10px;display:flex}.date-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:6px;padding:9px 14px;font-size:13px;display:flex}.analytics-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr);gap:16px;min-width:0;display:grid}.panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:0;padding:18px;transition:transform .18s,box-shadow .18s,border-color .18s}.panel:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-2px)}.analytics-modal-overlay{z-index:1000;background:#1118278c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.analytics-modal-panel{background:#fff;border-radius:16px;flex-direction:column;width:min(760px,94vw);max-height:88vh;display:flex;overflow-y:auto;box-shadow:0 20px 50px #00000040}.analytics-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 22px;display:flex}.analytics-modal-header h3{color:#1f2937;margin:0;font-size:17px;font-weight:700}.analytics-modal-header p{color:#6b7280;margin:4px 0 0;font-size:12.5px}.analytics-modal-body{flex-direction:column;gap:14px;padding:20px 22px 22px;display:flex}.analytics-modal-hero{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;align-items:flex-start;gap:14px;padding:14px;display:flex}.analytics-modal-avatar{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.analytics-modal-hero-text{flex:1;min-width:0}.analytics-modal-title-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.analytics-modal-title-row h4{color:#1f2937;margin:0;font-size:18px;font-weight:700}.analytics-modal-count{color:#6d28d9;background:#ede9fe;border-radius:999px;justify-content:center;align-items:center;min-width:40px;padding:4px 10px;font-size:13px;font-weight:700;display:inline-flex}.analytics-modal-hero-text p{color:#6b7280;margin:6px 0 0;font-size:13px}.analytics-modal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.analytics-modal-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:4px;padding:12px;display:flex}.analytics-modal-card span{color:#9ca3af;font-size:11.5px;font-weight:600}.analytics-modal-card strong{color:#1f2937;font-size:18px;font-weight:700}.analytics-modal-note{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px}.analytics-modal-note span{color:#9ca3af;font-size:11.5px;font-weight:600}.analytics-modal-note p{color:#374151;margin:6px 0 0;font-size:13px;line-height:1.5}.panel-wide{grid-column:1/-1}.panel-header{justify-content:space-between;align-items:baseline;margin-bottom:16px;display:flex}.panel-header h3{color:#1f2937;margin:0;font-size:14px;font-weight:700}.panel-sub{color:#9ca3af;font-size:11px}.bar-chart{align-items:flex-end;gap:14px;height:200px;padding-top:10px;display:flex}.bar-chart-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.bar-chart-value{color:#4b5563;margin-bottom:6px;font-size:11px;font-weight:700}.bar-chart-bar{background:linear-gradient(#8b5cf6,#6d28d9);border-radius:6px 6px 0 0;width:60%;min-height:4px;transition:height .3s}.bar-chart-label{color:#6b7280;margin-top:8px;font-size:11px}.donut-wrap{justify-content:center;padding:8px 0 18px;display:flex}.donut{border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;display:flex}.donut-hole{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;display:flex}.donut-total{color:#1f2937;font-size:14px;font-weight:700}.legend-list{flex-direction:column;gap:8px;width:min(100%,280px);margin:0 auto;display:flex}.legend-item{color:#4b5563;align-items:center;gap:8px;font-size:12px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.legend-label{flex:1}.legend-value{color:#1f2937;font-weight:700}.funnel-list{flex-direction:column;gap:14px;display:flex}.funnel-row{align-items:center;gap:10px;display:flex}.funnel-label{color:#4b5563;flex-shrink:0;width:90px;font-size:12px}.funnel-track{background:#f3f4f6;border-radius:999px;flex:1;min-width:0;height:10px;overflow:hidden}.funnel-fill{background:linear-gradient(90deg,#a78bfa,#6d28d9);border-radius:999px;height:100%;transition:width .3s}.funnel-value{text-align:right;color:#1f2937;flex-shrink:0;width:36px;font-size:12px;font-weight:700}@media (width<=1100px){.analytics-page .analytics-grid{grid-template-columns:minmax(0,1fr)!important}.analytics-page .panel{width:100%}}.source-panel .donut-wrap{justify-content:center}.source-panel .donut{flex-shrink:0}.analytics-table{border-collapse:collapse;width:100%}.analytics-table th{text-align:left;text-transform:uppercase;color:#6b7280;border-bottom:1px solid #e5e7eb;padding:10px 12px;font-size:11px}.analytics-table td{color:#374151;border-bottom:1px solid #f3f4f6;padding:12px;font-size:13px}.agent-cell{align-items:center;gap:8px;display:flex}.rate-badge{color:#059669;background:#d1fae5;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}@media (width<=1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}}@media (width<=640px){.analytics-modal-grid{grid-template-columns:1fr}.analytics-modal-hero{flex-direction:column;align-items:flex-start}}.team-page{padding:24px}.team-top{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.team-top h1{color:#1f2937;margin:0;font-size:22px;font-weight:700}.team-top .subtitle{color:#6b7280;margin-top:4px;font-size:13px}.team-top-actions{gap:10px;display:flex}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:flex-start;gap:12px;padding:16px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.icon-purple{color:#6d28d9;background:#ede9fe}.team-page .stat-label,.team-page .stat-value,.team-page .stat-sub{font-weight:300}.stat-change{font-size:11px}.stat-change.positive{color:#059669}.stat-change.negative{color:#dc2626}.search-input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex:1;align-items:center;gap:8px;min-width:220px;padding:8px 12px;display:flex}.search-input input{color:#374151;background:0 0;border:none;outline:none;width:100%;font-size:13px}.filter-group{color:#6b7280;align-items:center;gap:6px;font-size:12px;display:flex}.filter-group select{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:6px 8px;font-size:12px}.btn-primary.sent{background:#059669}.btn-outline{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;display:flex}.btn-outline.full{width:100%;margin-top:14px}.icon-action.small{padding:4px}.team-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.team-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;padding:18px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.team-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-2px)}.team-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.agent-avatar.large{background:linear-gradient(135deg,#a78bfa,#6d28d9);width:44px;height:44px}.team-card-name-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.team-name{color:#1f2937;font-size:15px;font-weight:700}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot.status-active{background:#10b981}.status-dot.status-away{background:#f59e0b}.status-dot.status-offline{background:#9ca3af}.role-badge{border-radius:999px;align-items:center;gap:4px;width:fit-content;margin-bottom:12px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.role-badge.role-admin{color:#dc2626;background:#fee2e2}.role-badge.role-manager{color:#2563eb;background:#dbeafe}.role-badge.role-agent{color:#6d28d9;background:#ede9fe}.team-contact{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.team-contact span{color:#6b7280;align-items:center;gap:6px;font-size:12px;display:flex}.team-stats-row{border-top:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6;padding:12px 0;display:flex}.team-stat{flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.team-stat-value{color:#1f2937;font-size:15px;font-weight:700}.team-stat-label{color:#9ca3af;font-size:11px}.team-empty{text-align:center;color:#9ca3af;grid-column:1/-1;padding:40px;font-size:13px}.modal-overlay{z-index:50;background:#11182780;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.invite-modal{background:#fff;border-radius:14px;flex-direction:column;width:420px;max-width:92vw;max-height:88vh;display:flex;overflow-y:auto}.invite-modal-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:flex-start;padding:18px 20px;display:flex}.invite-modal-header h2{color:#1f2937;margin:0;font-size:16px;font-weight:700}.invite-modal-header .subtitle{color:#6b7280;margin-top:2px;font-size:12px}.invite-modal-body{flex-direction:column;gap:16px;padding:20px;display:flex}.field-block input,.field-block select{color:#1f2937;border:1px solid #d1d5db;border-radius:8px;outline:none;padding:9px 12px;font-size:13px}.field-block input:focus,.field-block select:focus{border-color:#6d28d9}.edit-member-details-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.password-input-wrap{position:relative}.password-input-wrap input{width:100%;padding-right:42px}.password-toggle{color:#6b7280;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:5px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.password-toggle:hover{color:var(--primary)}.invite-modal-footer{border-top:1px solid #f3f4f6;justify-content:flex-end;gap:10px;padding:16px 20px;display:flex}@media (width<=1200px){.stat-grid{grid-template-columns:repeat(2,1fr)}.team-grid{grid-template-columns:1fr 1fr}}@media (width<=800px){.team-grid{grid-template-columns:1fr}}@media (width<=640px){.edit-member-details-grid{grid-template-columns:1fr}}.role-select{cursor:pointer;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:6px;width:fit-content;margin:6px 0;padding:6px 10px;font-size:12px}.role-select:disabled{opacity:.6;cursor:not-allowed}.team-error{color:#dc2626;margin-bottom:8px;font-size:13px}.team-loading{color:var(--text-secondary,#6b7280);padding:20px 0}.team-card.clickable{cursor:pointer}.team-card.clickable:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.team-stat-modal{background:#fff;border-radius:14px;flex-direction:column;width:min(760px,94vw);max-height:88vh;display:flex;overflow-y:auto}.team-stat-body{gap:14px}.team-stat-hero{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;align-items:flex-start;gap:14px;padding:14px;display:flex}.team-stat-hero-text{flex:1;min-width:0}.team-stat-name-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.team-stat-name-row h3{color:#1f2937;margin:0;font-size:18px;font-weight:700}.team-stat-hero-text p{color:#6b7280;margin:6px 0 0;font-size:13px;line-height:1.45}.team-stat-count{color:#6d28d9;background:#ede9fe;border-radius:999px;justify-content:center;align-items:center;min-width:40px;padding:4px 10px;font-size:13px;font-weight:700;display:inline-flex}.team-stat-grid,.team-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.team-stat-card,.team-detail-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:4px;min-width:0;padding:12px;display:flex}.team-stat-card span,.team-detail-card span,.team-detail-note span{color:#9ca3af;font-size:11.5px;font-weight:600}.team-stat-card strong,.team-detail-card strong{color:#1f2937;word-break:break-word;font-size:18px;font-weight:700}.team-stat-list-wrap{flex-direction:column;gap:10px;display:flex}.team-stat-list-title{color:#1f2937;font-size:14px;font-weight:700}.team-stat-list{flex-direction:column;gap:10px;display:flex}.team-stat-row{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.team-stat-row-title{color:#1f2937;font-size:13px;font-weight:700}.team-stat-row-sub{color:#6b7280;margin-top:2px;font-size:12px}.team-stat-row-meta{white-space:nowrap;flex-direction:column;align-items:flex-end;gap:6px;display:flex}.team-stat-row-time{color:#9ca3af;font-size:11.5px}.team-detail-modal{background:#fff;border-radius:14px;flex-direction:column;width:min(760px,94vw);max-height:88vh;display:flex;overflow-y:auto}.team-detail-body{gap:14px}.team-detail-hero{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;align-items:flex-start;gap:14px;padding:14px;display:flex}.team-detail-avatar{width:54px;height:54px;font-size:14px}.team-detail-hero-text{flex:1;min-width:0}.team-detail-name-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.team-detail-name-row h3{color:#1f2937;margin:0;font-size:18px;font-weight:700}.team-detail-hero-text p{color:#6b7280;margin:6px 0 0;font-size:13px;line-height:1.45}.team-detail-note{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px}.team-detail-chips{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.team-detail-chip{color:#6d28d9;background:#ede9fe;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.team-detail-empty{color:#6b7280;font-size:13px}.team-detail-footer{flex-wrap:wrap}.access-hint{color:#6d28d9;margin-bottom:10px;font-size:11px;font-weight:600}.access-checklist{grid-template-columns:1fr 1fr;gap:8px;max-height:260px;padding:4px 2px;display:grid;overflow-y:auto}.access-checkbox-row{color:#374151;cursor:pointer;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.access-checkbox-row:hover{background:#f9fafb}.access-checkbox-row input[type=checkbox]{display:none}.checkbox-custom{color:#fff;border:1.5px solid #d1d5db;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.access-checkbox-row input:checked+.checkbox-custom{background:#6d28d9;border-color:#6d28d9}@media (width<=640px){.team-stat-hero,.team-stat-row,.team-detail-hero{flex-direction:column;align-items:flex-start}.team-stat-grid,.team-detail-grid{grid-template-columns:1fr}.team-stat-row-meta{align-items:flex-start}.team-detail-footer{flex-direction:column}.team-detail-footer .btn-outline,.team-detail-footer .btn-primary{width:100%}}.settings-page{padding:24px}.settings-top h1{color:#1f2937;margin:0;font-size:22px;font-weight:700}.settings-top .subtitle{color:#6b7280;margin-top:4px;margin-bottom:20px;font-size:13px}.settings-layout{grid-template-columns:230px 1fr;align-items:start;gap:20px;display:grid}.settings-sidebar{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:2px;padding:10px;display:flex;position:sticky;top:24px}.settings-tab{color:#4b5563;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.settings-tab:hover{background:#f9fafb}.settings-tab.active{color:#6d28d9;background:#ede9fe}.settings-content{min-width:0}.settings-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.settings-card h2{color:#1f2937;margin:0;font-size:16px;font-weight:700}.card-sub{color:#6b7280;margin-top:4px;margin-bottom:20px;font-size:12px}.card-header-row{justify-content:space-between;align-items:flex-start;margin-bottom:4px;display:flex}.connection-badge{border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:700;display:flex}.connection-badge .dot{border-radius:50%;width:7px;height:7px}.connection-badge.connected{color:#059669;background:#d1fae5}.connection-badge.connected .dot{background:#059669}.connection-badge.disconnected{color:#dc2626;background:#fee2e2}.connection-badge.disconnected .dot{background:#dc2626}.avatar-row{align-items:center;gap:16px;margin-bottom:24px;display:flex}.agent-avatar.xl{background:linear-gradient(135deg,#a78bfa,#6d28d9);border-radius:50%;width:64px;height:64px}.hint{color:#9ca3af;margin:6px 0 0;font-size:11px}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.field-block{flex-direction:column;gap:6px;display:flex}.field-block.full{grid-column:1/-1}.field-block label{color:#374151;font-size:12px;font-weight:600}.field-block input,.field-block select,.field-block textarea{color:#1f2937;border:1px solid #d1d5db;border-radius:8px;outline:none;padding:9px 12px;font-family:inherit;font-size:13px}.field-block input:focus,.field-block select:focus,.field-block textarea:focus{border-color:#6d28d9}.field-block input[readonly]{color:#6b7280;background:#f9fafb}.key-input-row{align-items:center;gap:6px;display:flex}.key-input-row input{flex:1}.icon-action{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:flex}.icon-action:hover{background:#f3f4f6}.link-btn{color:#6d28d9;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;margin-top:8px;padding:0;font-size:12px;font-weight:600;display:inline-flex}.link-btn.danger{color:#dc2626}.settings-card-footer{border-top:1px solid #f3f4f6;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:20px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#6d28d9;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:600;display:flex}.btn-outline.small{padding:6px 12px;font-size:12px}.toggle-list{flex-direction:column;display:flex}.toggle-row{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.toggle-row:last-child{border-bottom:none}.toggle-row.bordered{border-top:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6;margin:20px 0;padding:16px 0}.toggle-title{color:#1f2937;font-size:13px;font-weight:600;display:block}.toggle-desc{color:#9ca3af;margin-top:2px;font-size:12px;display:block}.toggle-switch{cursor:pointer;background:#d1d5db;border:none;border-radius:999px;flex-shrink:0;width:40px;height:22px;padding:0;transition:background .15s;position:relative}.toggle-switch.on{background:#6d28d9}.toggle-knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:2px;left:2px}.toggle-switch.on .toggle-knob{transform:translate(18px)}.plan-card{background:#faf9ff;border:1px solid #ede9fe;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 20px;display:flex}.plan-name{color:#1f2937;font-size:15px;font-weight:700;display:block}.plan-price{color:#6d28d9;margin-top:2px;font-size:12px;font-weight:600;display:block}.plan-features{grid-template-columns:1fr 1fr;gap:10px;display:grid}.plan-feature{color:#374151;align-items:center;gap:8px;font-size:13px;display:flex}.plan-feature svg{color:#059669;flex-shrink:0}.payment-card{border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:14px;margin-top:10px;padding:14px 16px;display:flex}.payment-card-icon{color:#fff;background:#1f2937;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:26px;font-size:9px;font-weight:700;display:flex}.payment-card .link-btn{margin-top:0;margin-left:auto}.toast-success{color:#fff;z-index:60;background:#1f2937;border-radius:10px;padding:12px 18px;font-size:13px;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 20px #00000026}@media (width<=900px){.settings-layout{grid-template-columns:1fr}.settings-sidebar{flex-direction:row;position:static;overflow-x:auto}.form-grid,.plan-features{grid-template-columns:1fr}}.avatar-row>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.avatar-row .hint{width:100%;margin-top:4px}.followups-page{background:var(--bg-body);min-height:100vh;padding:24px 28px}.followups-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.followups-top h1{color:var(--text-primary);margin:0 0 4px;font-size:24px;font-weight:700}.followups-top-actions{align-items:center;gap:10px;display:flex}.view-toggle{border:1px solid var(--border-medium);background:var(--bg-surface);border-radius:10px;display:flex;overflow:hidden}.view-toggle button{width:34px;height:34px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.view-toggle button.active{background:var(--primary);color:var(--text-on-primary)}.stat-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.stat-card{background:var(--bg-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);align-items:center;gap:12px;padding:16px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.stat-card-clickable{cursor:pointer}.stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-2px)}.icon-red{color:var(--danger);background:#fdeaea}.stat-sub{color:var(--text-muted);font-size:11.5px;font-weight:600}.filters-bar{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}.filter-group{flex-direction:column;gap:4px;display:flex}.filter-group select{border:1px solid var(--border-medium);color:var(--text-primary);background:var(--bg-surface);border-radius:7px;min-width:130px;padding:7px 10px;font-size:12.5px}.date-btn{border:1px solid var(--border-medium);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;border-radius:7px;align-items:center;gap:6px;padding:7px 10px;font-size:12.5px;display:flex}.followups-table-wrap{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow-x:auto}.followups-table{border-collapse:collapse;width:100%;min-width:900px}.followups-table thead{background:var(--bg-soft)}.followups-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em;border-bottom:1px solid var(--border-light);white-space:nowrap;padding:12px 14px;font-size:11.5px;font-weight:700}.followups-table td{border-bottom:1px solid var(--border-light);vertical-align:middle;color:var(--text-primary);padding:12px 14px;font-size:13px}.followups-table tbody tr:hover{background:var(--bg-soft)}.lead-details{align-items:center;gap:10px;display:flex}.lead-avatar{background:var(--accent-light);width:36px;height:36px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.lead-text{flex-direction:column;gap:2px;display:flex}.lead-name-row{color:var(--text-primary);font-weight:600}.lead-interest{color:var(--text-muted);font-size:11.5px}.followup-note-text{color:var(--text-primary);font-size:13px}.scheduled-cell{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:6px;font-size:12.5px;display:flex}.scheduled-cell svg{color:var(--text-muted)}.status-badge{white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.status-due{color:var(--warning);background:#fef3e2}.status-overdue{color:var(--danger);background:#fdeaea}.status-upcoming{color:var(--info);background:#e6e9fb}.agent-cell{white-space:nowrap;align-items:center;gap:8px;font-size:12.5px;display:flex}.agent-avatar{background:var(--border-medium);border-radius:50%;flex-shrink:0;width:24px;height:24px}.actions-cell{align-items:center;gap:6px;display:flex}.followups-grid-wrap{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.followup-card{background:var(--bg-surface);border:1px solid var(--primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:12px;padding:16px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.followup-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-2px)}.followup-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.followup-card-top-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.followup-card-note{color:var(--text-primary);min-height:36px;font-size:13px;line-height:1.4}.followup-card-meta{border-top:1px solid var(--border-light);flex-direction:column;gap:10px;padding-top:10px;display:flex}.followup-card-actions{justify-content:flex-end;margin-top:auto}.followup-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#1f1b3a66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.followup-modal-panel{background:var(--bg-surface);width:min(760px,94vw);max-height:90vh;box-shadow:var(--shadow-lg);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.followup-modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.followup-modal-header h3{color:var(--text-primary);margin:0;font-size:15px;font-weight:700}.followup-modal-body{flex-direction:column;gap:16px;padding:18px;display:flex;overflow-y:auto}.followup-modal-hero{align-items:flex-start;gap:14px;display:flex}.followup-modal-avatar{width:54px;height:54px;font-size:14px}.followup-modal-hero-text{flex:1;min-width:0}.followup-modal-name-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.followup-modal-name-row h4{color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.followup-modal-hero-text p{color:var(--text-secondary);margin:6px 0 0;font-size:13px}.followup-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.followup-modal-card{border:1px solid var(--border-light);background:var(--bg-soft);border-radius:12px;flex-direction:column;gap:4px;min-width:0;padding:12px;display:flex}.followup-modal-card span,.followup-modal-note span{color:var(--text-muted);font-size:11.5px;font-weight:600}.followup-modal-card strong{color:var(--text-primary);word-break:break-word;font-size:13px;font-weight:700}.followup-modal-note{border:1px solid var(--border-light);background:var(--bg-surface);border-radius:12px;padding:12px}.followup-modal-note p{color:var(--text-primary);margin:6px 0 0;font-size:13px;line-height:1.5}.followup-modal-actions{flex-wrap:wrap;gap:10px;display:flex}.followup-modal-actions .btn-outline,.followup-modal-actions .btn-primary{min-width:120px}.stat-detail-panel{width:min(760px,94vw)}.stat-detail-hero{margin-bottom:2px}.stat-detail-avatar{justify-content:center;align-items:center;display:flex}.stat-count-badge{background:var(--accent-light);min-width:40px;color:var(--primary);border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:13px;font-weight:700;display:inline-flex}.stat-detail-list{flex-direction:column;gap:10px;margin-top:8px;display:flex}.stat-detail-row{border:1px solid var(--border-light);background:var(--bg-surface);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.followup-recipient-name{color:var(--text-primary);font-size:13px;font-weight:700}.followup-recipient-sub{color:var(--text-secondary);margin-top:2px;font-size:12px}.followup-recipient-meta{color:var(--text-muted);white-space:nowrap;flex-direction:column;align-items:flex-end;gap:6px;font-size:11.5px;display:flex}@media (width<=1280px){.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.stat-grid{grid-template-columns:1fr}.followups-top{align-items:stretch}.followups-top-actions,.view-toggle{width:100%}.view-toggle button{flex:1}.followup-modal-grid,.followup-modal-hero,.followup-modal-name-row{flex-direction:column;grid-template-columns:1fr;align-items:flex-start}.followup-modal-actions{flex-direction:column}.followup-modal-actions .btn-outline,.followup-modal-actions .btn-primary{width:100%}.stat-detail-row,.followup-modal-hero{flex-direction:column;align-items:flex-start}.followup-recipient-meta{align-items:flex-start}}.followups-page .filters-bar{justify-content:flex-end}.clickable-row{cursor:pointer}.followups-table tbody tr.clickable-row:hover{background:#f9fafb}.followup-card.clickable-row:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-2px)}.form-group{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.form-group input,.form-group select{border:1px solid var(--border-light);border-radius:8px;padding:9px 12px;font-size:13px}.filter-group input[type=date].date-btn{border:1px solid var(--border-medium);color:var(--text-primary);background:var(--bg-surface);border-radius:7px;min-width:130px;height:auto;padding:7px 10px;font-family:inherit;font-size:12.5px}.whatsapp-page{background:var(--bg-body);box-sizing:border-box;width:100%;min-height:100vh;padding:24px 28px}.whatsapp-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.whatsapp-top h1{color:var(--text-primary);margin:0 0 4px;font-size:24px;font-weight:700}.subtitle{color:var(--text-secondary);margin:0;font-size:13px}.whatsapp-top-action{flex-shrink:0;margin-top:2px}.btn-outline{background:var(--bg-surface);border:1px solid var(--border-medium);color:var(--text-primary);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;display:flex}.btn-outline:hover{background:var(--bg-soft)}.btn-primary{background:var(--primary-gradient);color:var(--text-on-primary);cursor:pointer;box-shadow:var(--shadow-sm);border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:600;display:flex}.btn-primary:hover{filter:brightness(1.06)}.stat-grid{flex-wrap:wrap;gap:14px;width:100%;margin-bottom:20px;display:flex}.stat-card{background:var(--bg-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);box-sizing:border-box;flex:1 1 0;align-items:center;gap:12px;width:auto;min-width:180px;padding:16px;display:flex}.stat-card-clickable{cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s}.stat-card-clickable:hover,.stat-card-clickable:focus-visible{box-shadow:var(--shadow-md);border-color:var(--primary);outline:none;transform:translateY(-2px)}.stat-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.icon-blue{color:var(--info);background:#e6e9fb}.icon-green{color:var(--success);background:#e7f9ee}.icon-purple{background:var(--accent-light);color:var(--primary)}.icon-orange{color:var(--warning);background:#fef3e2}.stat-info{flex-direction:column;gap:2px;display:flex}.stat-label{color:var(--text-secondary);font-size:12px}.stat-value{color:var(--text-primary);font-size:20px;font-weight:700}.broadcast-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:20px;padding:18px}.broadcast-header{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:14px;font-size:14px;font-weight:700;display:flex}.broadcast-header svg{color:var(--primary)}.broadcast-form{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.form-group{flex-direction:column;flex:1;gap:6px;min-width:200px;display:flex}.form-group label{color:var(--text-secondary);font-size:12px;font-weight:600}.select-wrap{align-items:center;display:flex;position:relative}.select-wrap select{appearance:none;border:1px solid var(--border-medium);width:100%;color:var(--text-primary);background:var(--bg-surface);border-radius:8px;padding:9px 32px 9px 12px;font-size:13px}.select-wrap svg{color:var(--text-muted);pointer-events:none;position:absolute;right:10px}.send-broadcast-btn{white-space:nowrap}.broadcasts-table-wrap{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow-x:auto}.section-heading{color:var(--text-primary);align-items:center;gap:8px;padding:16px 18px 0;font-size:14px;font-weight:700;display:flex}.section-heading svg{color:var(--primary)}.broadcast-filter-bar{background:var(--bg-soft);border:1px solid var(--border-light);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:12px 18px 0;padding:12px 14px;display:flex}.broadcast-filter-bar strong{color:var(--text-primary);margin-bottom:2px;font-size:13px;display:block}.broadcast-filter-bar span{color:var(--text-secondary);font-size:12px;display:block}.broadcasts-table{border-collapse:collapse;width:100%;min-width:800px;margin-top:12px}.broadcasts-table thead{background:var(--bg-soft)}.broadcasts-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em;border-bottom:1px solid var(--border-light);white-space:nowrap;padding:12px 18px;font-size:11.5px;font-weight:700}.broadcasts-table td{border-bottom:1px solid var(--border-light);color:var(--text-primary);padding:12px 18px;font-size:13px}.broadcasts-table tbody tr:hover{background:var(--bg-soft)}.broadcast-name{font-weight:600}.date-cell{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:6px;display:flex}.date-cell svg{color:var(--text-muted)}.status-badge{border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}@media (width<=1280px){.stat-grid{gap:14px}}@media (width<=640px){.whatsapp-top{align-items:stretch}.whatsapp-top-action{justify-content:center;width:100%}}.wa-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#1f1b3a66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.wa-modal-panel{background:var(--bg-surface);width:420px;max-width:90vw;box-shadow:var(--shadow-lg);border-radius:14px;animation:.2s waPopIn;overflow:hidden}@keyframes waPopIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.wa-modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.wa-modal-header h3{color:var(--text-primary);margin:0;font-size:15px;font-weight:700}.broadcast-detail-header-actions{align-items:center;gap:8px;display:flex}.broadcast-edit-btn{border:1px solid var(--primary);background:var(--primary);color:#fff;cursor:pointer;border-radius:7px;align-items:center;gap:5px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.broadcast-edit-btn:hover{filter:brightness(1.08)}.wa-modal-body{flex-direction:column;gap:16px;padding:18px;display:flex}.wa-modal-status-row{background:var(--bg-soft);border-radius:var(--radius-sm);align-items:center;gap:10px;padding:10px 12px;display:flex}.wa-modal-info{flex-direction:column;gap:10px;display:flex}.wa-modal-info-row{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:13px;display:flex}.wa-modal-info-row strong{color:var(--text-primary);font-weight:600}.status-ok{color:var(--success)!important}.wa-modal-actions{gap:10px;margin-top:4px;display:flex}.wa-modal-actions .btn-outline,.wa-modal-actions .btn-danger{cursor:pointer;border-radius:8px;flex:1;padding:9px 14px;font-size:13px;font-weight:600}.btn-danger{color:#d64545;background:#fdecea;border:none}.btn-danger:hover{background:#fbdadb}.connection-dot.offline{background:#d64545}.status-off{color:#d64545!important}.wa-edit-number-row{gap:8px;display:flex}.wa-edit-number-row input{border:1px solid var(--border-medium);border-radius:8px;outline:none;flex:1;padding:9px 12px;font-size:13px}.stat-detail-panel{flex-direction:column;width:min(760px,94vw);max-height:90vh;display:flex}.stat-detail-body{overflow-y:auto}.stat-detail-summary{border:1px solid var(--border-light);background:var(--bg-soft);border-radius:14px;align-items:flex-start;gap:14px;padding:14px;display:flex}.stat-detail-summary h4{color:var(--text-primary);margin:0 0 4px;font-size:18px}.stat-detail-summary p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.45}.stat-detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.stat-detail-metric{border:1px solid var(--border-light);background:var(--bg-surface);border-radius:12px;flex-direction:column;gap:4px;padding:12px;display:flex}.stat-detail-metric span{color:var(--text-muted);font-size:11.5px;font-weight:600}.stat-detail-metric strong{color:var(--text-primary);font-size:18px;font-weight:700}.stat-detail-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.broadcast-header-row{justify-content:space-between;align-items:center;margin:20px 0 12px;display:flex}.stat-sub{color:var(--text-muted);margin-top:2px;font-size:11.5px;font-weight:600;display:block}.broadcast-grid-wrap{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:16px;display:grid}.broadcast-card{background:var(--bg-surface);border:1px solid var(--primary);box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;gap:10px;min-width:0;padding:16px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.broadcast-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.broadcast-card-top{justify-content:space-between;align-items:center;display:flex}.broadcast-avatar{background:var(--accent-light);width:40px;height:40px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.icon-action{background:var(--bg-soft);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.icon-action:hover{background:var(--accent-light);color:var(--primary)}.broadcast-action-cell{justify-content:center;align-items:center;display:flex}.broadcast-card-name-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.broadcast-card-name{color:var(--text-primary);font-size:15px;font-weight:700;line-height:1.2}.broadcast-card-status{white-space:nowrap;border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:11px;font-weight:700}.status-completed{color:var(--success);background:#e7f9ee}.status-scheduled{color:var(--info);background:#e6e9fb}.status-pending{color:var(--warning);background:#fef3e2}.status-failed{color:var(--danger);background:#fdeaea}.status-neutral{background:var(--bg-soft);color:var(--text-secondary)}.broadcast-card-audience{color:var(--text-muted);font-size:12.5px}.broadcast-card-badges{flex-wrap:wrap;gap:8px;display:flex}.broadcast-pill{white-space:nowrap;border-radius:999px;padding:5px 10px;font-size:11.5px;font-weight:700}.pill-blue{color:var(--info);background:#e6e9fb}.pill-green{color:var(--success);background:#e7f9ee}.pill-purple{background:var(--accent-light);color:var(--primary)}.broadcast-card-footer{border-top:1px solid var(--border-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:10px;display:flex}.broadcast-card-date{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex}.broadcast-card-date svg{color:var(--text-muted)}.broadcast-card-meta{color:var(--primary);white-space:nowrap;font-size:12px;font-weight:600}.broadcast-grid-empty{text-align:center;color:var(--text-secondary);grid-column:1/-1;padding:16px}.broadcast-detail-panel{flex-direction:column;width:min(980px,94vw);max-height:90vh;display:flex}.broadcast-detail-body{overflow-y:auto}.broadcast-detail-summary{flex-direction:column;gap:14px;display:flex}.broadcast-detail-hero{align-items:flex-start;gap:14px;display:flex}.broadcast-detail-avatar{width:54px;height:54px;font-size:14px}.broadcast-detail-head{flex:1;min-width:0}.broadcast-detail-title-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.broadcast-detail-title-row h4{color:var(--text-primary);margin:0;font-size:18px;font-weight:700}.broadcast-detail-head p{color:var(--text-secondary);margin:6px 0 0;font-size:13px}.broadcast-detail-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.broadcast-detail-stat,.broadcast-detail-meta-card{border:1px solid var(--border-light);background:var(--bg-soft);border-radius:12px;flex-direction:column;gap:4px;min-width:0;padding:12px;display:flex}.broadcast-detail-stat span,.broadcast-detail-meta-card span{color:var(--text-muted);font-size:11.5px;font-weight:600}.broadcast-detail-stat strong,.broadcast-detail-meta-card strong{color:var(--text-primary);word-break:break-word;font-size:13px;font-weight:700}.broadcast-detail-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.broadcast-detail-section,.broadcast-recipient-list{flex-direction:column;gap:10px;display:flex}.broadcast-recipient-row{border:1px solid var(--border-light);background:var(--bg-surface);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.broadcast-recipient-name{color:var(--text-primary);font-size:13px;font-weight:700}.broadcast-recipient-sub{color:var(--text-secondary);margin-top:2px;font-size:12px}.broadcast-recipient-statuses{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.broadcast-recipient-time{color:var(--text-muted);white-space:nowrap;font-size:11.5px}@media (width<=720px){.broadcast-detail-stats,.broadcast-detail-meta-grid{grid-template-columns:1fr}.broadcast-detail-hero,.broadcast-recipient-row{flex-direction:column;align-items:flex-start}.broadcast-recipient-statuses{align-items:flex-start}.broadcast-filter-bar{margin:12px 12px 0}.stat-detail-metrics{grid-template-columns:1fr}.stat-detail-actions{justify-content:stretch}.stat-detail-actions .btn-primary,.stat-detail-actions .btn-outline{flex:1;justify-content:center}}.icon-blue,.icon-green,.icon-purple,.icon-orange{background:var(--accent-light)!important;color:var(--primary)!important}.wz-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background:#1f1b3a73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.wz-panel{background:var(--bg-surface);width:760px;max-width:92vw;max-height:92vh;box-shadow:var(--shadow-lg);border-radius:14px;flex-direction:column;animation:.2s wzPopIn;display:flex;overflow:hidden}@keyframes wzPopIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.wz-header{border-bottom:1px solid var(--border-light);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.wz-header h3{color:var(--text-primary);margin:0;font-size:15px;font-weight:700}.wz-stepper{border-bottom:1px solid var(--border-light);flex-shrink:0;gap:4px;padding:12px 20px;display:flex;overflow-x:auto}.wz-step{color:var(--text-muted);border-radius:20px;flex-shrink:0;align-items:center;gap:6px;padding:4px 8px;display:flex}.wz-step span{white-space:nowrap;font-size:11.5px;font-weight:600}.wz-step-dot{background:var(--bg-soft);border:1.5px solid var(--border-medium);width:20px;height:20px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10.5px;font-weight:700;display:flex}.wz-step.active{background:var(--accent-light)}.wz-step.active .wz-step-dot{background:var(--primary);border-color:var(--primary);color:#fff}.wz-step.active span{color:var(--primary)}.wz-step.done .wz-step-dot{background:var(--success);border-color:var(--success);color:#fff}.wz-body{flex:1;padding:24px 28px;overflow-y:auto}.wz-step-panel{flex-direction:column;gap:4px;display:flex}.wz-label{color:var(--text-primary);align-items:center;gap:5px;margin-top:14px;margin-bottom:6px;font-size:12.5px;font-weight:700;display:flex}.wz-step-panel input[type=text],.wz-step-panel input[type=date],.wz-step-panel input[type=time],.wz-step-panel textarea,.wz-step-panel select{border:1px solid var(--border-medium);width:100%;color:var(--text-primary);background:var(--bg-surface);border-radius:8px;outline:none;padding:9px 12px;font-family:inherit;font-size:13px}.wz-hint{color:var(--text-muted);margin:2px 0 0;font-size:11.5px}.wz-radio-group{flex-direction:column;gap:8px;display:flex}.wz-radio{color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.wz-filter-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:8px;display:grid}.wz-manual-list{border:1px solid var(--border-light);border-radius:8px;flex-direction:column;gap:8px;max-height:180px;margin-top:8px;padding:8px;display:flex;overflow-y:auto}.wz-manual-item{cursor:pointer;align-items:center;gap:8px;padding:4px 2px;font-size:13px;display:flex}.wz-manual-status{color:var(--text-muted);margin-left:auto;font-size:11px}.wz-match-card{background:var(--accent-light);border-radius:var(--radius-sm);color:var(--primary);align-items:center;gap:12px;margin-top:16px;padding:12px 14px;display:flex}.wz-match-count{color:var(--text-primary);font-size:16px;font-weight:800}.wz-match-sub{color:var(--text-muted);font-size:11.5px}.wz-link-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;align-self:flex-start;margin-top:10px;padding:0;font-size:12.5px;font-weight:600}.wz-audience-preview{border:1px solid var(--border-light);border-radius:8px;max-height:160px;margin-top:8px;overflow-y:auto}.wz-audience-row{border-bottom:1px solid var(--border-light);justify-content:space-between;padding:8px 12px;font-size:12.5px;display:flex}.wz-audience-row:last-child{border-bottom:none}.wz-template-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:8px;display:grid}.wz-template-card{border:1.5px solid var(--border-light);cursor:pointer;border-radius:10px;padding:12px;transition:border-color .15s}.wz-template-card:hover{border-color:var(--primary)}.wz-template-card.selected{border-color:var(--primary);background:var(--accent-light)}.wz-template-name{color:var(--text-primary);align-items:center;gap:6px;margin-bottom:6px;font-size:13px;font-weight:700;display:flex}.wz-template-preview{color:var(--text-secondary);margin:0 0 8px;font-size:12px;line-height:1.4}.wz-template-image,.wz-selected-template-image{object-fit:cover;border-radius:var(--radius-sm);background:var(--bg-soft);width:100%;max-height:140px;margin:8px 0;display:block}.wz-selected-template-image{max-width:360px;max-height:200px}.wz-template-meta{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}.wz-badge-approved{color:var(--success);font-weight:600}.wz-template-raw{background:var(--bg-soft);border-radius:var(--radius-sm);color:var(--text-primary);white-space:pre-wrap;padding:12px;font-size:13px}.wz-var-list{flex-direction:column;gap:8px;display:flex}.wz-var-row{font-size:12.5px}.wz-var-ok{color:var(--success);align-items:center;gap:6px;display:flex}.wz-var-warn-block{background:#fff8e6;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.wz-var-warn{color:#a3720a;align-items:center;gap:6px;display:flex}.wz-small-btn{white-space:nowrap;padding:5px 10px!important;font-size:11.5px!important}.wz-wa-preview{background:#e5ddd5;border-radius:10px;margin-top:8px;padding:24px 16px;display:flex}.wz-wa-bubble{color:#111;white-space:pre-wrap;background:#fff;border-radius:10px;max-width:80%;padding:10px 12px;font-size:13px;line-height:1.5;box-shadow:0 1px 2px #0000001a}.wz-smart-time{background:var(--accent-light);border-radius:var(--radius-sm);color:var(--primary);align-items:center;gap:10px;margin-top:16px;padding:12px 14px;display:flex}.wz-smart-time-title{color:var(--text-primary);font-size:12.5px;font-weight:700}.wz-smart-time-sub{color:var(--text-muted);font-size:11.5px}.wz-confirm-title{color:var(--text-primary);margin-bottom:14px;font-size:15px;font-weight:800}.wz-confirm-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.wz-confirm-grid>div{background:var(--bg-soft);border-radius:var(--radius-sm);flex-direction:column;gap:3px;padding:10px 12px;display:flex}.wz-confirm-grid span{color:var(--text-muted);font-size:11px}.wz-confirm-grid strong{color:var(--text-primary);font-size:13px}.wz-checklist{border-top:1px solid var(--border-light);flex-direction:column;gap:8px;padding-top:14px;display:flex}.wz-check-ok{color:var(--success);align-items:center;gap:6px;font-size:13px;display:flex}.wz-footer{border-top:1px solid var(--border-light);flex-shrink:0;justify-content:space-between;padding:14px 20px;display:flex}.wz-footer button:disabled{opacity:.5;cursor:not-allowed}.inbox-layout{background:var(--bg-body);height:100%;display:flex}.conversation-list{background:var(--bg-surface);border-right:1px solid var(--border-light);flex-direction:column;flex-shrink:0;width:320px;display:flex}.conversation-search{border-bottom:1px solid var(--border-light);color:var(--text-muted);align-items:center;gap:8px;padding:12px 16px;display:flex}.conversation-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:14px}.conversation-items{flex:1;overflow-y:auto}.conversation-item{cursor:pointer;border-bottom:1px solid var(--border-light);gap:10px;padding:12px 16px;transition:background .15s;display:flex}.conversation-item:hover{background:var(--bg-soft)}.conversation-item.active{background:var(--accent-light)}.conv-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:42px;height:42px}.conv-details{flex:1;overflow:hidden}.conv-top{justify-content:space-between;align-items:center;display:flex}.conv-name{color:var(--text-primary);font-size:14px;font-weight:600}.conv-time{color:var(--text-muted);font-size:11px}.conv-bottom{justify-content:space-between;align-items:center;margin-top:2px;display:flex}.conv-last-message{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:13px;overflow:hidden}.conv-unread{background:var(--primary-darkest);color:#fff;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:600}.inbox-layout .conversation-item{border:1px solid var(--border-light);border-radius:var(--radius-md);flex-direction:row;align-items:center;margin-bottom:6px;padding:8px 12px}.inbox-layout .conv-avatar{width:36px;height:36px}.inbox-layout .conv-top{padding-right:22px}.inbox-layout .conv-time{white-space:nowrap;flex-shrink:0}.inbox-layout .conv-delete-icon{top:10px!important;right:8px!important}.chat-window{background:var(--bg-soft);flex-direction:column;flex:1;display:flex}.chat-header{background:var(--bg-surface);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.chat-header-info{align-items:center;gap:10px;display:flex}.chat-header-name{color:var(--text-primary);font-size:14px;font-weight:600}.chat-header-status{color:var(--success);font-size:12px}.chat-call-actions{align-items:center;gap:8px;display:flex}.chat-call-btn{border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;padding:7px 10px;font-size:12px;font-weight:600;display:inline-flex}.chat-call-btn:hover{background:var(--bg-soft)}.chat-call-btn.voice svg{color:#16a34a}.chat-call-btn.video svg{color:#2563eb}.chat-menu-wrap{position:relative}.chat-menu-btn{width:34px;height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.chat-menu-btn:hover,.chat-menu-btn[aria-expanded=true]{background:var(--bg-soft);color:var(--text-primary)}.chat-menu-dropdown{z-index:30;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);width:170px;box-shadow:var(--shadow-md,0 8px 24px #0f172a24);padding:6px;position:absolute;top:calc(100% + 8px);right:0}.chat-menu-dropdown button{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;padding:9px 10px;font-size:13px;display:flex}.chat-menu-dropdown .chat-menu-danger{color:#dc2626}.chat-menu-hint{color:var(--text-muted);font-size:11px}.message-search-bar{background:var(--bg-surface);border-bottom:1px solid var(--border-light);color:var(--text-muted);align-items:center;gap:8px;padding:8px 20px;display:flex}.message-search-bar input{border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-soft);min-width:0;color:var(--text-primary);outline:none;flex:1;padding:7px 10px}.message-search-bar button{color:var(--primary-darkest);cursor:pointer;background:0 0;border:none;font-size:12px}.media-view-bar{color:#2d6a4f;background:#e7f7ef;border-bottom:1px solid #b7e4cf;justify-content:space-between;align-items:center;padding:8px 20px;font-size:12px;font-weight:600;display:flex}.media-view-bar button{color:#007a5e;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.name-editor-backdrop{z-index:50;background:#0f172a59;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.name-editor{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);width:min(360px,100%);padding:20px;box-shadow:0 18px 45px #0f172a33}.name-editor h3{color:var(--text-primary);margin:0 0 14px;font-size:16px}.name-editor input{box-sizing:border-box;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-soft);width:100%;color:var(--text-primary);outline:none;padding:10px 12px}.name-editor-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.name-editor-actions button{border-radius:var(--radius-md);cursor:pointer;border:none;padding:8px 13px;font-size:13px}.name-editor-cancel{background:var(--bg-soft);color:var(--text-secondary)}.name-editor-save{background:var(--primary-gradient);color:#fff}.name-editor-save:disabled{cursor:not-allowed;opacity:.55}.image-preview-backdrop{z-index:50;background:#0b141a94;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.image-preview-modal{background:#fff;border-radius:12px;width:min(430px,100%);padding:20px;box-shadow:0 18px 45px #0b141a40}.image-preview-modal h3{color:#111b21;margin:0 0 14px;font-size:16px}.image-preview-modal img{object-fit:contain;background:#f0f2f5;border-radius:8px;width:100%;max-height:360px;display:block}.image-preview-modal video{background:#111b21;border-radius:8px;width:100%;max-height:360px;display:block}.document-preview-card{color:#00a884;background:#f0f2f5;border-radius:8px;flex-direction:column;align-items:center;gap:10px;padding:42px 20px;font-size:13px;font-weight:600;display:flex}.chat-bubble-video{background:#111b21;border-radius:7px;width:min(280px,100%);display:block}.chat-bubble-document{min-width:190px;color:inherit;align-items:center;gap:9px;text-decoration:none;display:flex}.chat-bubble-document span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.image-preview-modal p{color:#667781;text-overflow:ellipsis;white-space:nowrap;margin:10px 0 0;font-size:12px;overflow:hidden}.image-preview-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.image-preview-actions button{cursor:pointer;border:none;border-radius:7px;padding:9px 14px;font-size:13px;font-weight:600}.image-preview-cancel{color:#54656f;background:#f0f2f5}.image-preview-send{color:#fff;background:#00a884}.image-preview-actions button:disabled{cursor:not-allowed;opacity:.6}.call-notice{color:#1d4ed8;background:#eff6ff;border-bottom:1px solid #bfdbfe;padding:8px 20px;font-size:12px}.chat-header-more{color:var(--text-muted);cursor:pointer}.chat-messages{flex-direction:column;flex:1;gap:10px;padding:20px;display:flex;overflow-y:auto}.chat-bubble-row{display:flex}.chat-bubble-row.incoming{justify-content:flex-start}.chat-bubble-row.outgoing{justify-content:flex-end}.chat-bubble{border-radius:var(--radius-md);max-width:60%;box-shadow:var(--shadow-sm);flex-direction:column;gap:4px;padding:10px 14px;font-size:14px;display:flex}.chat-bubble-row.incoming .chat-bubble{background:var(--bg-surface);color:var(--text-primary);border-bottom-left-radius:2px}.chat-bubble-row.outgoing .chat-bubble{background:var(--primary-gradient);color:#fff;border-bottom-right-radius:2px}.chat-bubble-time{opacity:.7;align-self:flex-end;font-size:10px}.chat-input-bar{background:var(--bg-surface);border-top:1px solid var(--border-light);align-items:center;gap:12px;padding:12px 20px;display:flex}.chat-icon{color:var(--text-muted);cursor:pointer}.template-picker{z-index:20;background:var(--bg-surface);border:1px solid var(--border-medium);width:min(340px,100% - 40px);box-shadow:var(--shadow-lg);border-radius:12px;flex-direction:column;gap:8px;padding:14px;display:flex;position:absolute;bottom:62px;left:20px}.template-picker-title{color:var(--text-primary);font-size:13px;font-weight:600}.template-picker select,.template-picker input{border:1px solid var(--border-light);background:var(--bg-surface);width:100%;min-width:0;color:var(--text-primary);border-radius:7px;outline:none;padding:8px 10px;font-size:12px;flex:none!important}.template-picker select:focus,.template-picker input:focus{border-color:var(--primary)}.template-send-btn{background:var(--primary-gradient);color:var(--text-on-primary);cursor:pointer;border:none;border-radius:8px;padding:9px 12px;font-size:12px;font-weight:600}.template-send-btn:disabled{opacity:.55;cursor:not-allowed}.chat-input-bar input{border:1px solid var(--border-light);border-radius:var(--radius-lg);outline:none;flex:1;padding:10px 14px;font-size:14px}.chat-send-btn{background:var(--primary-gradient);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.chat-toggle-btn{cursor:pointer;color:#4b5563;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;margin-right:4px;padding:6px;display:flex}.chat-toggle-btn:hover{background:#f3f4f6}@media (width<=640px){.chat-header{padding:10px 12px}.chat-call-btn{padding:7px}.chat-call-btn span{display:none}}.inbox-layout{background:#d1d7db}.conversation-list{background:#f0f2f5;border-right-color:#d1d7db}.conversation-search,.message-search-bar{background:#f0f2f5;border-bottom-color:#d1d7db}.conversation-search input::placeholder,.message-search-bar input::placeholder{color:#667781}.inbox-layout .conversation-item{background:#fff;border-color:#e9edef;border-radius:0;margin-bottom:1px}.inbox-layout .conversation-item:hover,.inbox-layout .conversation-item.active{background:#e9edef}.conv-name,.chat-header-name{color:#111b21}.conv-last-message,.conv-time,.chat-header-status{color:#667781}.conv-unread{background:#25d366}.chat-window{background-color:#efeae2;background-image:radial-gradient(#111b210e 1px,#0000 1px);background-size:18px 18px}.chat-header{background:#f0f2f5;border-bottom-color:#d1d7db;padding:10px 20px}.chat-header-status{color:#667781}.chat-toggle-btn,.chat-menu-btn{color:#54656f}.chat-messages{padding:22px 5%}.chat-bubble{border-radius:8px;box-shadow:0 1px 1px #0b141a1f}.chat-bubble-row.incoming .chat-bubble{color:#111b21;background:#fff;border-bottom-left-radius:2px}.chat-bubble-row.outgoing .chat-bubble{color:#111b21;background:#d9fdd3;border-bottom-right-radius:2px}.chat-input-bar{background:#f0f2f5;border-top-color:#d1d7db;padding:10px 20px}.chat-input-bar input,.message-search-bar input{background:#fff;border-color:#0000}.chat-input-bar input:focus,.message-search-bar input:focus{border-color:#25d366}.chat-send-btn{background:#00a884}.chat-send-btn:hover{filter:brightness(.95)}.chat-icon{color:#54656f}.chat-call-btn{color:#54656f;background:#f0f2f5;border-color:#d1d7db}.chat-call-btn:hover,.chat-menu-btn:hover,.chat-menu-btn[aria-expanded=true]{background:#e9edef}.chat-menu-dropdown{background:#fff;border-color:#d1d7db}.chat-menu-dropdown button:hover{background:#f0f2f5}.dark .inbox-layout{color:#e9edef;background:#0c1317}.dark .conversation-list{background:#111b21;border-right-color:#222d34}.dark .conversation-search,.dark .message-search-bar{color:#8696a0;background:#111b21;border-bottom-color:#222d34}.dark .conversation-search input,.dark .message-search-bar input{color:#e9edef;background:#202c33;border-color:#202c33}.dark .conversation-search input::placeholder,.dark .message-search-bar input::placeholder{color:#8696a0}.dark .conversation-search input:focus,.dark .message-search-bar input:focus{border-color:#00a884}.dark .inbox-layout .conversation-item{background:#111b21;border-color:#222d34}.dark .inbox-layout .conversation-item:hover,.dark .inbox-layout .conversation-item.active{background:#202c33;border-color:#2a3942}.dark .conv-name,.dark .chat-header-name{color:#e9edef}.dark .conv-last-message,.dark .conv-time,.dark .chat-header-status{color:#8696a0}.dark .conv-unread{color:#111b21;background:#00a884;font-weight:700}.dark .chat-window{background-color:#0b141a;background-image:radial-gradient(#ffffff0b 1px,#0000 1px);background-size:18px 18px}.dark .chat-header{background:#202c33;border-bottom-color:#222d34}.dark .chat-toggle-btn,.dark .chat-menu-btn,.dark .chat-icon{color:#aebac1}.dark .chat-toggle-btn:hover,.dark .chat-menu-btn:hover,.dark .chat-menu-btn[aria-expanded=true]{color:#e9edef;background:#374248}.dark .chat-bubble-row.incoming .chat-bubble{color:#e9edef;background:#202c33;box-shadow:0 1px .5px #00000040}.dark .chat-bubble-row.outgoing .chat-bubble{color:#e9edef;background:#005c4b;box-shadow:0 1px .5px #00000040}.dark .chat-bubble-time{color:#8696a0}.dark .chat-bubble-document{color:#e9edef;background:#ffffff12}.dark .chat-bubble-document:hover{background:#ffffff1f}.dark .chat-input-bar{background:#202c33;border-top-color:#222d34}.dark .chat-input-bar input{color:#e9edef;background:#2a3942;border-color:#0000}.dark .chat-input-bar input::placeholder{color:#8696a0}.dark .chat-input-bar input:focus{border-color:#00a884}.dark .chat-send-btn{color:#fff;background:#00a884}.dark .chat-send-btn:hover{filter:brightness(1.1)}.dark .chat-call-btn{color:#aebac1;background:#202c33;border-color:#2a3942}.dark .chat-call-btn:hover{color:#e9edef;background:#2a3942}.dark .chat-menu-dropdown{background:#233138;border-color:#2a3942;box-shadow:0 10px 28px #00000073}.dark .chat-menu-dropdown button{color:#e9edef}.dark .chat-menu-dropdown button:hover{background:#182229}.dark .chat-menu-dropdown .chat-menu-danger{color:#f87171}.dark .chat-menu-hint{color:#8696a0}.dark .name-editor{color:#e9edef;background:#233138;border-color:#2a3942;box-shadow:0 12px 32px #00000080}.dark .name-editor h3{color:#e9edef}.dark .name-editor input{color:#e9edef;background:#2a3942;border-color:#374248}.dark .name-editor input:focus{border-color:#00a884}.dark .name-editor-cancel{color:#e9edef;background:#2a3942;border-color:#374248}.dark .name-editor-cancel:hover{background:#374248}.dark .media-view-bar{color:#00a884;background:#182229;border-bottom-color:#222d34}.dark .media-view-bar button{color:#00a884}.dark .call-notice{color:#00a884;background:#202c33;border-color:#222d34}.image-lightbox-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;background:#000000d9;justify-content:center;align-items:center;padding:20px;animation:.2s lightboxFadeIn;display:flex;position:fixed;inset:0}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}.image-lightbox-content{background:#0f172a;border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;max-width:90vw;max-height:90vh;animation:.2s lightboxScaleUp;display:flex;overflow:hidden;box-shadow:0 24px 64px #000000b3}@keyframes lightboxScaleUp{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}.image-lightbox-header{color:#f8fafc;background:#0f172afa;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.image-lightbox-title{white-space:nowrap;text-overflow:ellipsis;color:#f8fafc;max-width:70%;font-size:14px;font-weight:600;overflow:hidden}.image-lightbox-actions{align-items:center;gap:8px;display:flex}.lightbox-btn{color:#f8fafc;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;justify-content:center;align-items:center;padding:7px;text-decoration:none;transition:background .15s,transform .15s;display:flex}.lightbox-btn:hover{background:#ffffff38;transform:scale(1.05)}.lightbox-btn.close:hover{background:#ef4444}.image-lightbox-body{background:#020617;flex:1;justify-content:center;align-items:center;padding:12px;display:flex;overflow:auto}.lightbox-media{object-fit:contain;border-radius:8px;max-width:82vw;max-height:72vh;box-shadow:0 4px 24px #00000080}.image-lightbox-footer{color:#cbd5e1;text-align:center;background:#0f172afa;border-top:1px solid #ffffff1a;padding:10px 18px;font-size:13px}.image-lightbox-footer p{margin:0}.audit-page{background:var(--bg-body);min-height:100vh;padding:24px 28px}.audit-top h1{color:var(--text-primary);margin:0 0 4px;font-size:22px;font-weight:700}.audit-top .subtitle{color:var(--text-secondary);margin:0 0 20px;font-size:13px}.audit-filters{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:12px;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:14px 16px;display:flex}.audit-search{background:var(--bg-soft);border:1px solid var(--border-light);border-radius:8px;flex:1;align-items:center;gap:8px;min-width:220px;padding:8px 12px;display:flex}.audit-search input{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;font-size:13px}.audit-filters select{border:1px solid var(--border-medium);color:var(--text-primary);background:var(--bg-surface);text-transform:capitalize;border-radius:8px;padding:8px 10px;font-size:12.5px}.audit-timeline{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:14px;padding:20px}.audit-item{gap:14px;padding-bottom:20px;display:flex;position:relative}.audit-item:not(:last-child):before{content:"";background:var(--border-light);width:1px;position:absolute;top:16px;bottom:0;left:5px}.audit-item-dot{border-radius:50%;flex-shrink:0;width:11px;height:11px;margin-top:4px}.audit-item-body{flex:1;min-width:0}.audit-item-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.audit-item-action{text-transform:capitalize;align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:flex}.audit-item-time{color:var(--text-muted);align-items:center;gap:4px;font-size:11px;display:flex}.audit-item-desc{color:var(--text-primary);margin:0 0 4px;font-size:13.5px}.audit-item-user{color:var(--text-secondary);align-items:center;gap:4px;font-size:11.5px;display:flex}.crm-buddy-avatar{background:var(--primary-gradient,linear-gradient(160deg, #302568, #302568));color:#fff;cursor:grab;z-index:502;touch-action:none;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;animation:3s ease-in-out infinite crm-buddy-bounce;display:flex;position:fixed;box-shadow:0 8px 24px #30256859}.crm-buddy-avatar:active{cursor:grabbing}.crm-buddy-avatar:hover{transform:scale(1.05)}@keyframes crm-buddy-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.crm-buddy-bubble{border:1px solid var(--border-light,#eee);cursor:pointer;z-index:501;background:#fff;border-radius:16px 16px 4px;max-width:260px;padding:12px 14px;animation:.3s crm-buddy-pop;position:fixed;box-shadow:0 10px 30px #00000026}@keyframes crm-buddy-pop{0%{opacity:0;transform:translateY(8px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.crm-buddy-close{border:1px solid var(--border-medium,#ddd);cursor:pointer;width:18px;height:18px;color:var(--text-secondary,#666);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:-6px;right:-6px}.crm-buddy-bubble-text{color:var(--text-primary,#1f1b3a);align-items:flex-start;gap:8px;font-size:13px;line-height:1.4;display:flex}.crm-buddy-emoji{flex-shrink:0;font-size:16px}.crm-buddy-panel{z-index:501;background:#fff;border-radius:16px;flex-direction:column;width:320px;height:420px;animation:.25s crm-buddy-pop;display:flex;position:fixed;overflow:hidden;box-shadow:0 12px 36px #0003}.crm-buddy-panel-header{background:var(--primary-gradient,linear-gradient(160deg, #302568, #302568));color:#fff;justify-content:space-between;align-items:center;padding:12px 14px;font-size:14px;font-weight:600;display:flex}.crm-buddy-panel-header button{color:#fff;cursor:pointer;background:0 0;border:none;display:flex}.crm-buddy-panel-messages{background:var(--bg-light,#f8f7fc);flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.crm-buddy-msg{white-space:pre-line;border-radius:12px;max-width:85%;padding:8px 12px;font-size:13px;line-height:1.4}.crm-buddy-msg-user{background:var(--primary-gradient,linear-gradient(160deg, #302568, #302568));color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.crm-buddy-msg-bot{border:1px solid var(--border-light,#eee);color:var(--text-primary,#1f1b3a);background:#fff;border-bottom-left-radius:4px;align-self:flex-start}.crm-buddy-panel-input{border-top:1px solid var(--border-light,#eee);gap:8px;padding:8px;display:flex}.crm-buddy-panel-input input{border:1px solid var(--border-medium,#ddd);border-radius:20px;outline:none;flex:1;padding:8px 14px;font-size:13px}.crm-buddy-panel-input button{background:var(--primary-gradient,linear-gradient(160deg, #302568, #302568));color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.crm-buddy-panel-header-actions{align-items:center;gap:8px;display:flex}.crm-buddy-lang-toggle{color:inherit;cursor:pointer;background:0 0;border:1px solid #fff6;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;line-height:1.4}.crm-buddy-lang-toggle:hover{background:#ffffff26}.crm-buddy-lang-toggle:active{transform:scale(.95)}.crm-buddy-suggestions{border-top:1px solid var(--border-light,#eee);background:var(--bg-light,#f8f7fc);flex-wrap:wrap;gap:6px;padding:8px 12px;display:flex}.crm-buddy-suggestion-chip{border:1px solid var(--border-medium,#ddd);color:var(--text-primary,#1f1b3a);cursor:pointer;white-space:nowrap;background:#fff;border-radius:999px;padding:6px 12px;font-size:12px;transition:background .15s,transform .1s}.crm-buddy-suggestion-chip:hover{background:var(--bg-light,#f0eef8);color:#302568;border-color:#302568}.crm-buddy-suggestion-chip:active{transform:scale(.96)}.auth-page{background-color:#fbf7f0;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.auth-card{background:var(--bg-surface);box-shadow:var(--shadow-lg);text-align:center;border-radius:20px;flex-direction:column;align-items:center;width:100%;max-width:380px;padding:36px 40px;display:flex}.auth-logo{object-fit:contain;width:140px;max-width:100%;height:auto;margin-bottom:18px}.auth-badge{background:var(--accent-light);color:var(--primary);border-radius:999px;margin-bottom:16px;padding:5px 14px;font-size:12px;font-weight:600}.auth-title{color:var(--text-primary);margin:0 0 6px;font-size:22px;font-weight:800}.auth-subtitle{color:var(--text-secondary);margin:0 0 22px;font-size:13px}.auth-form{flex-direction:column;gap:12px;width:100%;display:flex}.auth-form input{background:var(--bg-soft);border:1px solid var(--border-light);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);outline:none;padding:12px 14px;font-size:13.5px}.auth-form input:focus{border-color:var(--primary)}.password-field{align-items:center;display:flex;position:relative}.password-field input{padding-right:38px}.eye-toggle{cursor:pointer;color:var(--text-muted);background:0 0;border:none;align-items:center;display:flex;position:absolute;right:12px}.auth-submit-btn{background:var(--primary-gradient);color:var(--text-on-primary);border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-sm);border:none;margin-top:6px;padding:12px;font-size:14px;font-weight:700}.auth-submit-btn:hover{filter:brightness(1.05)}.auth-footer{color:var(--text-secondary);flex-direction:column;gap:8px;margin-top:18px;font-size:12.5px;display:flex}.auth-footer a{color:var(--primary);font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.auth-error{color:#dc2626;text-align:center;background:#fdeaea;border-radius:8px;width:100%;margin-bottom:12px;padding:8px 12px;font-size:12.5px}.auth-page{position:relative;overflow:hidden}.floating-note{pointer-events:none;z-index:1;background:#fff;border-radius:14px;align-items:center;gap:10px;max-width:230px;padding:12px 16px;display:flex;position:absolute;box-shadow:0 10px 30px #3025681f}.floating-note-icon{flex-shrink:0;font-size:20px}.floating-note-text{text-align:left;flex-direction:column;gap:2px;display:flex}.floating-note-title{color:var(--text-primary,#1f1b3a);font-size:12.5px;font-weight:700}.floating-note-desc{color:var(--text-secondary,#6b7280);font-size:11.5px;line-height:1.3}.floating-note-1{animation:5s ease-in-out infinite floating-note-drift-1;top:14%;left:8%}.floating-note-2{animation:6s ease-in-out .6s infinite floating-note-drift-2;top:62%;left:6%}.floating-note-3{animation:5.5s ease-in-out 1.1s infinite floating-note-drift-3;top:22%;right:7%}@keyframes floating-note-drift-1{0%,to{transform:translateY(0)translate(0)}50%{transform:translateY(-14px)translate(6px)}}@keyframes floating-note-drift-2{0%,to{transform:translateY(0)translate(0)}50%{transform:translateY(12px)translate(-6px)}}@keyframes floating-note-drift-3{0%,to{transform:translateY(0)translate(0)}50%{transform:translateY(-10px)translate(-8px)}}@media (width<=900px){.floating-note{display:none}}.doodle-layer{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.doodle-icon{color:#302568;position:absolute}.auth-card{z-index:2;position:relative}@media (width<=1024px){[class$=-grid],.stat-grid{grid-template-columns:repeat(3,1fr)!important}.pipeline-columns,.leads-grid-wrap,.templates-grid,.team-grid{grid-template-columns:repeat(2,1fr)!important}.row-2col,.analytics-body{grid-template-columns:1fr!important}}@media (width<=768px){.app-layout{position:relative}.sidebar{z-index:200;height:100vh;top:0;left:0;box-shadow:0 0 30px #00000026;position:fixed!important}.sidebar-closed{width:0!important}.app-content{width:100%}.page-body,[class$=-page]{padding:14px!important}[class$=-grid],.stat-grid,.pipeline-columns,.leads-grid-wrap,.templates-grid,.team-grid,.followups-grid-wrap{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.filters-bar{flex-wrap:wrap!important;overflow-x:visible!important}.filter-group{flex:45%!important;min-width:130px!important}[class*=table-wrap]{-webkit-overflow-scrolling:touch;overflow-x:auto!important}[class*=table-wrap] table{min-width:720px}[class$=-top]{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}[class$=-top-actions]{width:100%;flex-wrap:wrap!important}.modal-overlay,.drawer-overlay{padding:10px!important}.send-modal,.invite-modal,.add-lead-modal,.drawer-panel{width:100%!important;max-width:100%!important}.add-lead-grid,.form-grid{grid-template-columns:1fr!important}.search-box{width:140px!important}.header-user-info{display:none!important}.inbox-layout{flex-direction:column}.conversation-list{height:40vh;width:100%!important}.chat-window{height:60vh}}@media (width<=480px){[class$=-grid],.stat-grid,.pipeline-columns,.leads-grid-wrap,.templates-grid,.team-grid,.followups-grid-wrap{grid-template-columns:1fr!important}.filter-group{flex:100%!important}h1{font-size:18px!important}.search-box{display:none!important}}.quotations-page{padding:24px}.q-top{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.q-top h1{margin:0 0 4px;font-size:22px}.q-top-actions{align-items:center;gap:10px;display:flex}.q-subtitle{color:#6b7280;margin:0;font-size:13px}.q-btn-primary{background:var(--primary-gradient,#302568);color:var(--text-on-primary,#fff);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;transition:background .15s;display:inline-flex}.q-btn-primary:hover{background:var(--primary-light,#3d2f82)}.q-btn-primary:disabled{cursor:not-allowed;background:#8f89b5}.q-btn-outline{color:#111827;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;transition:background .15s;display:inline-flex}.q-btn-outline:hover{background:#f3f4f6}.q-btn-small{justify-content:center;width:100%;margin-top:8px;padding:7px 14px;font-size:13px}.q-btn-small-inline{white-space:nowrap;padding:7px 12px;font-size:13px}.q-btn-danger{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:background .15s}.q-btn-danger:hover{background:#b91c1c}.q-btn-danger:disabled{cursor:not-allowed;background:#fca5a5}.q-filters-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.q-filter-select{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:9px 12px;font-size:13px}.q-filter-date{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:8px 10px;font-size:13px}.q-date-sep{color:#9ca3af;font-size:13px}.q-table-wrap{background:#fff;border:1px solid #eee;border-radius:12px;overflow-x:auto}.q-table{border-collapse:collapse;width:100%;font-size:13px}.q-table th{text-align:left;color:#6b7280;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #eee;padding:12px 16px;font-weight:600}.q-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:12px 16px}.q-table tbody tr:hover{background:#fafbfc}.q-lead-cell{flex-direction:column;display:flex}.q-lead-cell-sub{color:#6b7280;font-size:12px}.q-status-badge{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.q-status-draft{color:#374151;background:#f3f4f6}.q-status-sent{color:#1d4ed8;background:#dbeafe}.q-status-accepted{color:#166534;background:#dcfce7}.q-status-rejected{color:#b91c1c;background:#fee2e2}.q-status-expired{color:#92400e;background:#fef3c7}.q-actions-cell{gap:6px;display:flex}.q-icon-action{cursor:pointer;color:#374151;background:#f3f4f6;border:none;border-radius:6px;justify-content:center;align-items:center;padding:7px;transition:background .15s;display:flex}.q-icon-action:hover{background:#e5e7eb}.q-icon-action:disabled{opacity:.5;cursor:not-allowed}.q-icon-danger{color:#dc2626}.q-icon-danger:hover{background:#fee2e2}.q-modal-backdrop{z-index:1000;background:#0f172a80;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.q-modal-box{background:#fff;border-radius:14px;flex-direction:column;width:480px;max-width:100%;max-height:calc(100vh - 48px);display:flex;overflow:hidden;box-shadow:0 20px 60px #00000040}.q-modal-wide{width:640px}.q-modal-header{border-bottom:1px solid #eee;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.q-modal-header h3{align-items:center;margin:0;font-size:16px;display:flex}.q-modal-header svg{cursor:pointer;color:#6b7280;transition:color .15s}.q-modal-header svg:hover{color:#111827}.q-modal-box form{flex-direction:column;flex:1;min-height:0;display:flex}.q-modal-body{flex:1;min-height:0;padding:20px 22px;overflow-y:auto}.q-modal-footer{background:#fff;border-top:1px solid #eee;flex-shrink:0;justify-content:flex-end;gap:10px;padding:14px 22px;display:flex}.q-form-group{margin-bottom:18px}.q-form-group:last-child{margin-bottom:0}.q-form-group label{color:#374151;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.q-form-group select,.q-form-group input,.q-form-group textarea{box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.q-form-group select:focus,.q-form-group input:focus,.q-form-group textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f626}.q-form-group textarea{resize:vertical;min-height:70px}.q-form-row{gap:16px;display:flex}.q-form-row .q-form-group{flex:1}.q-items-table{flex-direction:column;gap:8px;display:flex}.q-items-row{grid-template-columns:2fr .7fr 1fr 1fr 32px;align-items:center;gap:10px;display:grid}.q-items-row-readonly{border-bottom:1px solid #f3f4f6;grid-template-columns:2fr .7fr 1fr 1fr;padding:10px 0;font-size:13px}.q-items-row-readonly:last-child{border-bottom:none}.q-items-row-head{color:#9ca3af;text-transform:uppercase;letter-spacing:.03em;padding-bottom:2px;font-size:11px;font-weight:700}.q-items-row input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:8px 10px;font-size:13px;transition:border-color .15s,box-shadow .15s}.q-items-row input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f626}.q-item-amount{color:#374151;font-size:13px;font-weight:500}.q-totals-box{background:#f9fafb;border:1px solid #f0f0f0;border-radius:10px;margin-top:16px;padding:14px 16px}.q-totals-box div{color:#374151;justify-content:space-between;padding:4px 0;font-size:13px;display:flex}.q-totals-final{border-top:1px solid #e5e7eb;margin-top:6px;font-weight:700;color:#111827!important;padding-top:10px!important;font-size:14px!important}.q-view-lead-info{color:#374151;background:#f9fafb;border:1px solid #f0f0f0;border-radius:10px;margin-bottom:18px;padding:14px 16px;font-size:13px;line-height:1.7}.q-status-buttons{flex-wrap:wrap;gap:8px;display:flex}.q-status-pill-btn{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:999px;padding:7px 16px;font-size:12px;font-weight:500;transition:all .15s}.q-status-pill-btn:hover{background:#f3f4f6}.q-status-pill-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.q-status-pill-btn:disabled{opacity:.6;cursor:not-allowed}.import-page{max-width:900px;margin:0 auto;padding:24px}.import-modal-backdrop{z-index:1000;background:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.import-modal-page{background:var(--bg-body,#f7f6fc);border-radius:14px;width:min(900px,100%);max-height:calc(100vh - 40px);margin:0;overflow-y:auto;box-shadow:0 20px 60px #0f172a40}.import-modal-close{background:var(--accent-light,#ede9fe);width:34px;height:34px;color:var(--primary,#302568);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex}.import-top{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.import-top h1{color:#1f2937;margin:0;font-size:22px;font-weight:700}.import-top .subtitle{color:#6b7280;margin-top:4px;font-size:13px}.import-mode-toggle{gap:8px;margin-bottom:20px;display:flex}.import-mode-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:600}.import-mode-btn.active{background:var(--primary-gradient);border-color:var(--primary);color:var(--text-on-primary)}.btn-outline{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;display:flex}.btn-primary{background:var(--primary-gradient);color:var(--text-on-primary);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:600;display:flex}.btn-primary:disabled{cursor:not-allowed;background:#c4b5fd}.link-btn{color:#6d28d9;cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:12px;font-weight:600}.import-steps{align-items:center;margin-bottom:24px;display:flex}.import-step{color:#9ca3af;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.import-step.active{color:#6d28d9}.import-step-num{background:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;display:flex}.import-step.active .import-step-num{color:#fff;background:#6d28d9}.import-step-line{background:#f3f4f6;flex:1;height:2px;margin:0 10px}.import-step-line.active{background:#6d28d9}.import-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.dropzone{color:#6d28d9;cursor:pointer;background:#faf9ff;border:2px dashed #d1d5db;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:48px 24px;transition:all .15s;display:flex}.dropzone.active{background:#f3f0ff;border-color:#6d28d9}.dropzone-title{color:#1f2937;margin:6px 0 0;font-size:14px;font-weight:700}.dropzone-sub{color:#9ca3af;margin:0;font-size:12px}.import-error{color:#dc2626;background:#fef2f2;border-radius:8px;align-items:center;gap:6px;margin-top:12px;padding:8px 12px;font-size:12px;display:flex}.import-file-badge{color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;margin-bottom:18px;padding:10px 14px;font-size:13px;display:flex}.muted{color:#9ca3af;font-size:12px}.muted.small{font-size:11px}.section-label{color:#1f2937;margin-bottom:12px;font-size:13px;font-weight:700}.mapping-list{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.mapping-row{background:#f9fafb;border-radius:8px;align-items:center;gap:14px;padding:10px 14px;display:flex}.mapping-source{flex-direction:column;flex:1;display:flex}.mapping-source-label{color:#1f2937;font-size:13px;font-weight:600}.mapping-arrow{color:#9ca3af;flex-shrink:0}.mapping-target{flex:1}.mapping-target select{color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:8px 10px;font-size:13px}.import-panel-footer{justify-content:space-between;margin-top:20px;display:flex}.import-panel-footer.center{justify-content:center;gap:12px}.preview-table-wrap{border:1px solid #f3f4f6;border-radius:8px;overflow-x:auto}.preview-table{border-collapse:collapse;width:100%}.preview-table th{text-align:left;text-transform:uppercase;color:#6b7280;white-space:nowrap;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:10px 12px;font-size:11px}.preview-table td{color:#374151;white-space:nowrap;border-bottom:1px solid #f3f4f6;padding:10px 12px;font-size:13px}.spin{animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.import-done{text-align:center;flex-direction:column;align-items:center;padding:24px 0;display:flex}.import-done-icon{color:#059669;margin-bottom:12px}.import-done h2{color:#1f2937;margin:0;font-size:18px;font-weight:700}.import-summary-grid{grid-template-columns:repeat(4,1fr);gap:12px;width:100%;margin:24px 0 8px;display:grid}.summary-card{border-radius:10px;flex-direction:column;gap:4px;padding:16px;display:flex}.summary-card.success{background:#d1fae5}.summary-card.warning{background:#fef3c7}.summary-card.danger{background:#fee2e2}.summary-card.neutral{background:#f3f4f6}.summary-value{color:#1f2937;font-size:22px;font-weight:700}.summary-label{color:#6b7280;font-size:11px}@media (width<=700px){.import-summary-grid{grid-template-columns:1fr 1fr}}.import-export-page{padding:24px}.import-export-header{margin-bottom:22px}.import-export-header h1{color:#111827;margin:0 0 5px;font-size:22px}.import-export-header p,.import-export-actions p{color:#6b7280;margin:0;font-size:13px}.import-export-tabs{gap:10px;margin-bottom:18px;display:flex}.import-export-tabs button,.ie-btn-outline,.ie-btn-primary{cursor:pointer;border-radius:8px;align-items:center;gap:7px;padding:10px 16px;font-size:13px;font-weight:600;display:inline-flex}.import-export-tabs button{color:#302568;background:#fff;border:1px solid #d8d2ec}.import-export-tabs button.active,.ie-btn-primary{background:var(--primary-gradient,#302568);color:#fff;border-color:#302568}.import-export-actions{background:#fff;border:1px solid #ddd8ef;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;padding:22px;display:flex;box-shadow:0 3px 12px #3025680f}.import-export-actions h2{color:#111827;margin:0 0 5px;font-size:17px}.import-export-buttons{gap:10px;display:flex}.ie-btn-outline{color:#302568;background:#fff;border:1px solid #cfc8e8}.ie-btn-outline:hover{background:#f5f2ff}.ie-btn-primary:disabled{opacity:.65;cursor:not-allowed}.import-export-info{color:#6b7280;border:1px dashed #cfc8e8;border-radius:10px;flex-direction:column;gap:5px;margin-top:18px;padding:18px 22px;font-size:13px;display:flex}.import-export-info strong{color:#302568;font-size:14px}@media (width<=650px){.import-export-actions{flex-direction:column;align-items:flex-start}.import-export-buttons{width:100%}.import-export-buttons button{flex:1;justify-content:center}}