:root{--green:#25d366;--green-dark:#128c7e;--teal:#075e54;--blue:#00a5f4;--bg:#f5f7fa;--panel:#fff;--border:#e2e8f0;--text:#1a202c;--text-2:#4a5568;--text-muted:#718096;--chat-bg:#efeae2;--bubble-me:#d9fdd3;--radius:10px;--shadow-sm:0 1px 3px #00000014;--shadow:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001a;--transition:.15s ease}.sidebar,.sidebar-brand,.sidebar-footer{background:#fff!important}.sidebar{color:#1a202c!important;border-right:1.5px solid #e8f5e9!important}.sidebar-footer{background:#f9fffe!important}.nav-section-label{color:#a0aec0!important}.nav-link{color:#4a5568!important}.nav-link-active{color:#128c7e!important;background:linear-gradient(135deg,#e8fdf1,#d4f5e9)!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,Segoe UI,system-ui,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.skeleton{background:linear-gradient(90deg, var(--border) 25%, color-mix(in srgb, var(--border) 60%, white) 50%, var(--border) 75%);background-size:200% 100%;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toast-stack{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border-radius:var(--radius);color:#fff;box-shadow:var(--shadow-lg);align-items:center;gap:10px;max-width:380px;padding:12px 18px;font-size:14px;font-weight:500;animation:.3s cubic-bezier(.34,1.56,.64,1) toastIn;display:flex}@keyframes toastIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.toast-success{background:#22543d}.toast-error{background:#742a2a}.toast-info{background:#2c5282}.toast-icon{font-size:16px}.app{height:100vh;display:flex;overflow:hidden}.main-content{background:var(--bg);flex:1;overflow-y:auto}.sidebar{color:#1a202c;background:#fff;border-right:1.5px solid #e8f5e9;flex-direction:column;flex-shrink:0;width:236px;display:flex;overflow:hidden;box-shadow:2px 0 12px #25d3660f}.sidebar-brand{background:#fff;border-bottom:1.5px solid #e8f5e9;flex-shrink:0;align-items:center;gap:11px;padding:18px 16px 16px;display:flex}.brand-logo{flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.brand-logo img{object-fit:contain;width:100%;height:100%}.brand-logo-svg{background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 2px 8px #25d36659}.brand-mark{color:#fff;letter-spacing:-1px;background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;font-family:-apple-system,Segoe UI,sans-serif;font-size:20px;font-weight:900;display:grid;box-shadow:0 2px 8px #25d36659}.brand-name{color:#1a202c;letter-spacing:-.3px;font-size:15px;font-weight:800}.brand-sub{color:#25d366;letter-spacing:.02em;font-size:11px;font-weight:600}.sidebar-nav{flex-direction:column;flex:1;gap:1px;padding:10px;display:flex;overflow-y:auto}.nav-section-label{letter-spacing:.09em;color:#a0aec0;padding:10px 10px 4px;font-size:10px;font-weight:700}.nav-link{color:#4a5568;transition:background var(--transition), color var(--transition);border-radius:9px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{color:#128c7e;background:#f0fdf4}.nav-link-active{color:#128c7e;background:linear-gradient(135deg,#e8fdf1 0%,#d4f5e9 100%);border-left:3px solid #25d366;padding-left:9px;font-weight:700}.nav-icon{flex-shrink:0;width:18px;height:18px}.nav-label{flex:1}.nav-badge{color:#fff;background:#ff3b30;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:grid}.sidebar-footer{background:#f9fffe;border-top:1.5px solid #e8f5e9;flex-shrink:0;padding:12px 14px}.user-chip{align-items:center;gap:10px;display:flex}.user-avatar{color:#fff;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:14px;font-weight:700;display:grid}.user-name{color:#1a202c;font-size:13px;font-weight:700}.user-role{color:#718096;font-size:11px}.page{padding:24px 28px}.page-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.page-header h2{font-size:20px;font-weight:700}.btn-primary{background:var(--green);color:#fff;cursor:pointer;transition:background var(--transition), opacity var(--transition);white-space:nowrap;border:none;border-radius:8px;padding:9px 18px;font-size:14px;font-weight:600}.btn-primary:hover{background:var(--green-dark)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--panel);color:var(--green-dark);border:1.5px solid var(--border);cursor:pointer;transition:all var(--transition);white-space:nowrap;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:600}.btn-secondary:hover{border-color:var(--green-dark);background:#f0faf5}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-delete{color:#e53e3e;cursor:pointer;transition:color var(--transition);background:0 0;border:none;font-size:13px;font-weight:600}.btn-delete:hover{color:#c53030}.btn-delete:disabled{opacity:.4;cursor:not-allowed}.btn-edit{color:var(--green-dark);cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600}.btn-edit:hover{text-decoration:underline}.btn-chat{cursor:pointer;transition:background var(--transition);background:0 0;border:none;border-radius:6px;padding:3px 6px;font-size:16px}.btn-chat:hover{background:var(--bg)}.btn-sm{padding:5px 10px;font-size:12px}.count-pill{background:var(--green);color:#fff;vertical-align:middle;border-radius:12px;margin-left:6px;padding:2px 8px;font-size:12px}.header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.info-banner{color:#2b6cb0;border-radius:var(--radius);background:#ebf8ff;border:1px solid #bee3f8;margin-bottom:16px;padding:12px 16px;font-size:14px;line-height:1.5}.muted-text{color:var(--text-muted)}.search-input{border:1.5px solid var(--border);border-radius:var(--radius);background:var(--panel);width:100%;color:var(--text);transition:border-color var(--transition);outline:none;margin-bottom:18px;padding:10px 14px;font-size:14px}.search-input:focus{border-color:var(--green)}.contacts-toolbar{align-items:center;gap:10px;margin-bottom:18px;display:flex}.tag-filter-select{border:1.5px solid var(--border);border-radius:var(--radius);background:var(--panel);color:var(--text);transition:border-color var(--transition);outline:none;padding:10px 12px;font-size:14px}.tag-filter-select:focus{border-color:var(--green)}.inline-form{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:flex-start;gap:10px;margin-bottom:16px;padding:16px;display:flex}.inline-form input,.inline-form select{border:1.5px solid var(--border);min-width:150px;color:var(--text);transition:border-color var(--transition);border-radius:8px;outline:none;flex:1;padding:9px 12px;font-size:14px}.inline-form input:focus,.inline-form select:focus{border-color:var(--green)}.form-error{color:#e53e3e;width:100%;font-size:13px}.campaign-form{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow-sm);max-width:700px;margin-bottom:20px;padding:22px}.field{margin-bottom:18px;display:block}.field>span{text-transform:uppercase;letter-spacing:.05em;color:var(--text-2);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.field input,.field select,.field textarea{border:1.5px solid var(--border);background:var(--panel);width:100%;color:var(--text);transition:border-color var(--transition);border-radius:8px;outline:none;padding:10px 13px;font-family:inherit;font-size:14px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green)}.field-checkbox{align-items:center;gap:8px;margin-bottom:20px;font-size:14px;display:flex}.filter-tabs{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.filter-tab{background:var(--panel);border:1.5px solid var(--border);cursor:pointer;color:var(--text-muted);transition:all var(--transition);border-radius:20px;padding:6px 14px;font-size:13px;font-weight:500}.filter-tab:hover{border-color:var(--green-dark);color:var(--green-dark)}.filter-tab-active{background:var(--teal);color:#fff;border-color:var(--teal);font-weight:600}.tag{color:var(--green-dark);background:#e6fffa;border-radius:20px;margin-right:5px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-block}.data-table{border-collapse:collapse;background:var(--panel);border-radius:var(--radius);width:100%;box-shadow:var(--shadow-sm);overflow:hidden}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border);background:#fafbfc;padding:11px 16px;font-size:11px;font-weight:700}.data-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:13px 16px;font-size:14px}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:#25d36608}.cell-name{align-items:center;gap:10px;display:flex}.status{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.status-approved,.status-completed{color:#22543d;background:#c6f6d5}.status-pending,.status-scheduled,.status-sending{color:#744210;background:#fefcbf}.status-draft{color:#4a5568;background:#e2e8f0}.status-rejected,.status-failed{color:#742a2a;background:#fed7d7}.status-paused{color:#553c9a;background:#e9d8fd}.toggle{cursor:pointer;transition:all var(--transition);letter-spacing:.04em;border:none;border-radius:20px;padding:4px 14px;font-size:11px;font-weight:700}.toggle-on{background:var(--green);color:#fff}.toggle-off{background:var(--border);color:var(--text-muted)}.edit-input{border:1.5px solid var(--green);background:var(--panel);width:100%;color:var(--text);border-radius:8px;outline:none;padding:7px 10px;font-size:13px}.edit-hint{color:var(--text-muted);margin-top:4px;font-size:11px}.btn-preview{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.wa-btn{background:var(--panel);color:var(--blue);border:1px solid var(--border);border-radius:8px;align-items:center;gap:4px;padding:4px 11px;font-size:12px;font-weight:600;display:inline-flex}.wa-btn:before{content:"⤷";opacity:.5}.settings-card{background:var(--panel);border-radius:var(--radius);max-width:640px;box-shadow:var(--shadow-sm);padding:24px}.settings-section{margin-bottom:6px;font-size:15px;font-weight:700}.settings-hint{color:var(--text-muted);margin-bottom:20px;font-size:13px;line-height:1.55}.settings-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.save-msg{color:var(--green-dark);font-size:14px}.token-status{color:var(--green-dark);background:#f0fff4;border-radius:8px;margin-bottom:8px;padding:8px 10px;font-size:12px}.prof-pic-row{align-items:center;gap:14px;margin-bottom:18px;display:flex}.prof-pic-preview{object-fit:cover;border:2px solid var(--green);border-radius:50%;width:64px;height:64px}.bot-tester{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:14px 16px;display:flex}.bot-tester input{border:1.5px solid var(--border);min-width:200px;transition:border-color var(--transition);border-radius:8px;outline:none;flex:1;padding:9px 12px;font-size:14px}.bot-tester input:focus{border-color:var(--green)}.bot-test-result{background:var(--bubble-me);white-space:pre-wrap;border-radius:10px;width:100%;padding:10px 14px;font-size:14px}.reply-cell{white-space:pre-wrap;max-width:340px;color:var(--text-2);font-size:13px}.msg-limit-bar{background:var(--panel);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;padding:16px 20px;display:flex}.msg-limit-title{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;font-size:14px;font-weight:700;display:flex}.msg-limit-tiers{align-items:center;gap:0;margin-bottom:10px;display:flex}.msg-tier{flex-direction:column;align-items:center;display:flex;position:relative}.msg-tier:after{content:"";background:var(--border);z-index:0;width:56px;height:2px;position:absolute;top:9px;left:50%}.msg-tier:last-child:after{display:none}.msg-tier-done:after{background:var(--green)}.msg-tier-active:after{background:linear-gradient(to right, var(--green), var(--border))}.msg-tier-dot{background:var(--border);border:2px solid var(--border);z-index:1;border-radius:50%;width:18px;height:18px;position:relative}.msg-tier-done .msg-tier-dot{background:var(--green);border-color:var(--green)}.msg-tier-active .msg-tier-dot{border:3px solid var(--green);background:#fff;box-shadow:0 0 0 3px #25d36633}.msg-tier-val{color:var(--text-muted);text-align:center;width:56px;margin-top:5px;font-size:10px;font-weight:700}.msg-tier-active .msg-tier-val{color:var(--green-dark)}.msg-limit-current{color:var(--text-2);font-size:13px}.msg-limit-next{color:var(--text-muted)}.msg-limit-upgrade{color:var(--text-muted);background:#f0fff4;border:1px solid #9ae6b4;border-radius:7px;margin-top:6px;padding:6px 10px;font-size:12px;display:inline-block}.msg-quality-badge{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.tier-track{align-items:flex-start;gap:0;margin:8px 0 4px;display:flex}.tier-track-item{flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.tier-track-line{background:var(--border);z-index:0;width:100%;height:3px;position:absolute;top:14px;left:50%}.tier-line-done{background:var(--green)}.tier-node{background:var(--bg);border:2.5px solid var(--border);width:28px;height:28px;color:var(--text-muted);z-index:1;border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid;position:relative}.tier-node-done{background:var(--green);border-color:var(--green);color:#fff}.tier-node-active{border:3px solid var(--green);color:var(--green-dark);background:#fff;box-shadow:0 0 0 4px #25d36626}.tier-track-label{color:var(--text-muted);text-align:center;margin-top:6px;font-size:11px;font-weight:600}.tier-label-active{color:var(--green-dark);font-weight:800}.limits-stat{flex-direction:column;gap:3px;display:flex}.limits-stat-val{font-size:18px;font-weight:800}.limits-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.upgrade-tip{border-radius:var(--radius);color:#22543d;background:#f0fff4;border:1.5px solid #9ae6b4;padding:10px 14px;font-size:13px;line-height:1.5}.tpl-form-wrap{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow-sm);grid-template-columns:1fr 300px;align-items:start;gap:24px;margin-bottom:20px;padding:24px;display:grid}@media (width<=860px){.tpl-form-wrap{grid-template-columns:1fr}.tpl-preview-col{display:none}}.tpl-form-fields{min-width:0}.tpl-preview-col{position:sticky;top:20px}.tpl-preview-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);text-align:center;margin-bottom:12px;font-size:11px;font-weight:700}.phone-mockup{justify-content:center;display:flex}.phone-shell{background:#1a1a1a;border-radius:36px;flex-direction:column;width:260px;padding:10px;display:flex;overflow:hidden;box-shadow:0 0 0 2px #3a3a3a,0 20px 50px #00000059,inset 0 0 0 1px #000}.phone-status-bar{color:#fff;background:#075e54;border-radius:28px 28px 0 0;justify-content:space-between;align-items:center;padding:6px 14px 4px;font-size:11px;font-weight:700;display:flex}.phone-chat-header{color:#fff;background:#075e54;align-items:center;gap:9px;padding:8px 12px;display:flex}.phone-back{opacity:.9;cursor:pointer;font-size:22px;line-height:1}.phone-avatar{color:#fff;background:#25d366;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:15px;font-weight:800;display:grid}.phone-contact-info{flex:1;min-width:0}.phone-contact-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.phone-contact-sub{opacity:.8;font-size:10px}.phone-chat-bg{background:#efeae2 url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c8b89a' fill-opacity='0.15'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");flex-direction:column;flex:1;gap:8px;min-height:280px;padding:12px 8px;display:flex}.phone-date-chip{text-align:center;color:#6b7c85;letter-spacing:.05em;background:#ffffffbf;border-radius:8px;align-self:center;margin-bottom:4px;padding:3px 10px;font-size:10px;font-weight:600}.phone-bubble-wrap{flex-direction:column;gap:2px;display:flex}.phone-bubble{background:#fff;border-radius:8px 8px 8px 2px;max-width:230px;padding:8px 10px 5px;position:relative;box-shadow:0 1px 2px #0000001a}.phone-bubble-sender{color:#075e54;margin-bottom:4px;font-size:10px;font-weight:700}.phone-bubble-body{color:#111;white-space:pre-wrap;word-break:break-word;font-size:12.5px;line-height:1.55}.phone-bubble-meta{color:#8696a0;justify-content:flex-end;gap:3px;margin-top:4px;font-size:10px;display:flex}.phone-btns{flex-direction:column;gap:1px;max-width:230px;margin-top:1px;display:flex}.phone-btn{color:#00a5f4;cursor:default;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:8px 10px;font-size:12px;font-weight:600;display:flex;box-shadow:0 1px 2px #0000001a}.phone-input-bar{background:#f0f0f0;border-radius:0 0 28px 28px;align-items:center;gap:6px;padding:8px 10px;display:flex}.phone-input-field{color:#aaa;background:#fff;border-radius:20px;flex:1;padding:7px 12px;font-size:11px}.phone-send-btn{background:#25d366;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.approval-banner{border-radius:var(--radius);color:#744210;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1.5px solid #f6c642;align-items:flex-start;gap:14px;margin-bottom:14px;padding:14px 18px;font-size:14px;display:flex}.approval-spinner{border:2.5px solid #f6c642;border-top-color:#b7791f;border-radius:50%;flex-shrink:0;width:18px;height:18px;margin-top:2px;animation:1s linear infinite spin}.approval-info-box{border-radius:var(--radius);color:#22543d;background:#f0fff4;border:1.5px solid #9ae6b4;margin-bottom:18px;padding:14px 18px;font-size:14px}.poll-badge{color:#276749;background:#f0fff4;border:1.5px solid #9ae6b4;border-radius:20px;align-items:center;gap:7px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.poll-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.pulse-dot{background:#f6c642;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.2s ease-in-out infinite pulse-dot;display:inline-block}.cat-tip{border-radius:7px;margin-top:6px;padding:6px 10px;font-size:12px;line-height:1.4}.speed-fast{color:#276749;background:#f0fff4;border:1px solid #9ae6b4}.speed-slow{color:#744210;background:#fffbeb;border:1px solid #f6c642}.speed-badge{border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600}.template-card-pending{background:linear-gradient(to bottom right,#fff,#fffef5)!important;border-color:#f6c642!important}.template-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.template-card{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:border-color var(--transition), box-shadow var(--transition);border:1.5px solid #0000;flex-direction:column;gap:10px;padding:18px;display:flex}.template-card:hover{border-color:var(--green);box-shadow:var(--shadow)}.template-card-head{justify-content:space-between;align-items:center;display:flex}.template-name{color:var(--text);font-size:13px;font-weight:700}.template-meta{align-items:center;gap:8px;display:flex}.template-lang{color:var(--text-muted);font-size:11px}.template-preview{background:var(--chat-bg);border-radius:8px;padding:12px}.template-bubble{align-self:flex-start;max-width:100%;font-size:13px}.template-use{margin-top:auto}.placeholder-card{background:var(--panel);border:2px dashed var(--border);border-radius:var(--radius);text-align:center;color:var(--text-muted);padding:40px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:20px;display:grid}.stat-card{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px 20px}.stat-icon{margin-bottom:8px;font-size:22px}.stat-value{font-size:30px;font-weight:800;line-height:1}.stat-label{color:var(--text-muted);margin-top:4px;font-size:12px}.delivery-rate-banner{background:var(--panel);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:14px 18px;font-size:14px;display:flex}.delivery-bar-track{background:var(--border);border-radius:4px;flex:1;min-width:80px;max-width:180px;height:7px;overflow:hidden}.delivery-bar-fill{background:var(--green);border-radius:4px;height:100%;transition:width .5s}.chart-card{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px}.chart-legend{color:var(--text-muted);gap:18px;margin-bottom:14px;font-size:12px;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px;margin-right:5px;display:inline-block}.bar-chart{align-items:flex-end;gap:10px;height:170px;padding-top:8px;display:flex}.bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.bar-stack{justify-content:center;align-items:flex-end;gap:2px;width:100%;height:calc(100% - 32px);display:flex}.bar{border-radius:4px 4px 0 0;width:40%;min-height:3px;transition:height .4s}.bar-sent{background:var(--green)}.bar-recv{background:var(--blue)}.bar-count{color:var(--text-muted);font-size:11px}.bar-label{color:var(--text-muted);font-size:10px}.campaign-quick-stats{background:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);gap:1px;margin-bottom:18px;display:flex;overflow:hidden}.cq-stat{background:var(--panel);flex-direction:column;flex:1;align-items:center;gap:3px;padding:14px 18px;display:flex}.cq-val{font-size:24px;font-weight:800}.cq-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.cq-val.green{color:var(--green-dark)}.cq-val.red{color:#c53030}.rate-bar-wrap{align-items:center;gap:6px;min-width:80px;display:flex}.rate-bar{background:var(--green);border-radius:3px;min-width:2px;height:5px;transition:width .4s}.rate-label{color:var(--text-muted);white-space:nowrap;font-size:11px}.dashboard-page{max-width:1100px}.dash-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.dash-greeting{margin-bottom:4px;font-size:24px;font-weight:800}.dash-date{font-size:13px}.dash-header-badges{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.health-badge{border-radius:20px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.hb-ok{color:#22543d;background:#c6f6d5}.hb-warn{color:#742a2a;background:#fed7d7}.hb-off{color:#4a5568;background:#e2e8f0}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:24px;display:grid}.kpi-card{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:border-color var(--transition), box-shadow var(--transition);border:1.5px solid #0000;flex-direction:column;gap:4px;padding:20px;display:flex;position:relative}.kpi-clickable{cursor:pointer}.kpi-clickable:hover{border-color:var(--green);box-shadow:var(--shadow)}.kpi-icon{margin-bottom:4px;font-size:24px}.kpi-value{font-size:34px;font-weight:800;line-height:1}.kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:12px}.kpi-badge{color:#742a2a;background:#fed7d7;border-radius:12px;padding:3px 8px;font-size:11px;font-weight:700;position:absolute;top:12px;right:12px}.dash-cols{grid-template-columns:1fr 340px;gap:16px;display:grid}@media (width<=900px){.dash-cols{grid-template-columns:1fr}}.dash-card{background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px}.dash-card-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.dash-card-title{font-size:14px;font-weight:700}.dash-link{color:var(--green-dark);cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600}.dash-link:hover{text-decoration:underline}.dash-convo-list{flex-direction:column;gap:2px;display:flex}.dash-convo-item{cursor:pointer;text-align:left;width:100%;transition:background var(--transition);background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:9px 8px;display:flex}.dash-convo-item:hover{background:var(--bg)}.dash-convo-body{flex:1;min-width:0}.dash-convo-top{justify-content:space-between;margin-bottom:2px;display:flex}.dash-convo-name{font-size:13px;font-weight:600}.dash-convo-preview{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:260px;font-size:12px;overflow:hidden}.quick-actions{flex-direction:column;gap:6px;display:flex}.qa-btn{background:var(--bg);border:1.5px solid var(--border);cursor:pointer;text-align:left;transition:all var(--transition);border-radius:8px;align-items:center;gap:12px;width:100%;padding:11px 14px;display:flex}.qa-btn:hover{border-color:var(--green);background:#f0faf5}.qa-icon{font-size:20px}.qa-label{color:var(--text);font-size:13px;font-weight:700}.qa-sub{font-size:11px}.mini-stats{flex-direction:column;gap:10px;display:flex}.mini-stat{justify-content:space-between;align-items:center;font-size:13px;display:flex}.mini-stat-val{font-weight:700}.empty-chat{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.chat-empty-msg{text-align:center;color:var(--text-muted);padding:40px;font-size:13px}.inbox-empty-list{text-align:center;color:var(--text);flex-direction:column;align-items:center;gap:8px;padding:32px 20px;display:flex}.inbox{height:100vh;display:flex}.chat-list{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:330px;display:flex;overflow-y:auto}.chat-list-header{border-bottom:1px solid var(--border);flex-shrink:0;padding:16px}.chat-list-header h2{font-size:18px;font-weight:700}.chat-search{border-bottom:1px solid var(--border);flex-shrink:0;padding:10px 12px}.chat-search input{border:1.5px solid var(--border);background:var(--bg);width:100%;color:var(--text);transition:border-color var(--transition);border-radius:20px;outline:none;padding:8px 14px;font-size:13px}.chat-search input:focus{border-color:var(--green)}.chat-item{border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;width:100%;transition:background var(--transition);background:0 0;gap:10px;padding:12px 14px;display:flex}.chat-item:hover{background:#f7faf9}.chat-item-active{border-left:3px solid var(--green);background:#f0faf5}.chat-avatar{background:var(--green-dark);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:16px;font-weight:700;display:grid}.chat-avatar.small{width:32px;height:32px;font-size:13px}.chat-item-body{flex:1;min-width:0}.chat-item-top{justify-content:space-between;margin-bottom:3px;display:flex}.chat-item-name{color:var(--text);font-size:14px;font-weight:600}.chat-item-time{color:var(--text-muted);font-size:11px}.chat-item-bottom{justify-content:space-between;align-items:center;display:flex}.chat-item-preview{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:210px;font-size:12px;overflow:hidden}.unread-badge{background:var(--green);color:#fff;border-radius:9px;flex-shrink:0;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:grid}.chat-window{background:var(--chat-bg);background-image:radial-gradient(#00000005 1px,#0000 1px);background-size:20px 20px;flex-direction:column;flex:1;min-width:0;display:flex}.chat-window-header{background:var(--panel);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);flex-shrink:0;align-items:center;gap:12px;padding:12px 18px;display:flex}.chat-header-actions{align-items:center;gap:10px;display:flex}.chat-window-phone{color:var(--text-muted);font-size:12px}.chat-messages{flex-direction:column;flex:1;gap:6px;padding:18px 22px;display:flex;overflow-y:auto}.bubble{word-break:break-word;border-radius:10px;max-width:62%;padding:8px 12px 6px;font-size:14px;line-height:1.5;box-shadow:0 1px 2px #0000000f}.bubble-them{background:var(--panel);border-top-left-radius:2px;align-self:flex-start}.bubble-me{background:var(--bubble-me);border-top-right-radius:2px;align-self:flex-end}.bubble-meta{justify-content:flex-end;align-items:center;gap:3px;margin-top:2px;display:flex}.bubble-time{color:var(--text-muted);font-size:10px}.ticks{color:var(--text-muted);letter-spacing:-2px;font-size:11px}.ticks-read{color:#53bdeb}.date-sep{text-align:center;margin:12px 0}.date-sep span{color:var(--text-muted);background:#ffffffe6;border-radius:8px;padding:3px 12px;font-size:11px;box-shadow:0 1px 2px #0000000d}.unread-divider{text-align:center;margin:10px 0}.unread-divider span{color:#22543d;background:#c6f6d5;border-radius:8px;padding:3px 14px;font-size:11px;font-weight:700}.window-notice{color:#744210;background:ivory;border-top:1px solid #ecc94b;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;padding:9px 16px;font-size:13px;display:flex}.window-notice.error{color:#742a2a;background:#fff5f5;border-top-color:#fc8181}.window-notice-btn{color:var(--green-dark);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:700;text-decoration:underline}.emoji-picker{background:var(--panel);border-top:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;gap:2px;padding:8px 12px;display:flex}.emoji-picker button{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 5px;font-size:20px}.emoji-picker button:hover{background:var(--bg)}.emoji-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 4px;font-size:20px}.chat-composer{background:var(--panel);border-top:1px solid var(--border);flex-shrink:0;align-items:flex-end;gap:10px;padding:10px 14px;display:flex}.composer-textarea{border:1.5px solid var(--border);background:var(--bg);color:var(--text);resize:none;max-height:130px;transition:border-color var(--transition);border-radius:22px;outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:14px;line-height:1.5;overflow-y:auto}.composer-textarea:focus{border-color:var(--green)}.composer-textarea:disabled{opacity:.5}.send-btn{background:var(--green);cursor:pointer;color:#fff;width:42px;height:42px;transition:background var(--transition), opacity var(--transition);border:none;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.send-btn:hover{background:var(--green-dark)}.send-btn:disabled{opacity:.4;cursor:not-allowed}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.tpl-picker{background:var(--panel);border-top:1px solid var(--border);flex-shrink:0;max-height:260px;overflow-y:auto;box-shadow:0 -4px 12px #0000000f}.tpl-picker-header{border-bottom:1px solid var(--border);background:var(--panel);z-index:1;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;display:flex;position:sticky;top:0}.tpl-picker-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:0 4px;font-size:16px}.tpl-picker-list{flex-direction:column;gap:1px;padding:8px;display:flex}.tpl-picker-item{text-align:left;background:var(--bg);cursor:pointer;width:100%;transition:background var(--transition);border:none;border-radius:8px;padding:10px 12px;display:block}.tpl-picker-item:hover{background:#f0faf5}.tpl-picker-item:disabled{opacity:.5;cursor:not-allowed}.tpl-picker-name{color:var(--text);font-size:13px;font-weight:700}.tpl-picker-body{white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12px;overflow:hidden}.login-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;width:100%;max-width:420px;padding:40px 36px;box-shadow:0 4px 24px #00000012}.login-brand{align-items:center;gap:12px;margin-bottom:28px;display:flex}.login-logo{background:linear-gradient(135deg,#25d366,#128c7e);border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 2px 8px #25d3664d}.login-brand-name{color:var(--text);letter-spacing:-.3px;font-size:17px;font-weight:800}.login-brand-sub{color:var(--text-muted);margin-top:1px;font-size:12px}.login-title{color:var(--text);letter-spacing:-.4px;margin-bottom:6px;font-size:22px;font-weight:800}.login-subtitle{color:var(--text-muted);margin-bottom:28px;font-size:13.5px}.login-form{flex-direction:column;gap:16px;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-field span{color:var(--text-2);font-size:13px;font-weight:600}.login-field input{border:1.5px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .15s}.login-field input:focus{border-color:var(--green);background:var(--panel)}.login-error{color:#c53030;background:#fff5f5;border:1px solid #feb2b2;border-radius:8px;padding:10px 14px;font-size:13px}.login-btn{background:var(--green);color:#fff;cursor:pointer;letter-spacing:.01em;border:none;border-radius:9px;margin-top:4px;padding:12px;font-size:15px;font-weight:700;transition:background .15s,transform .1s}.login-btn:hover:not(:disabled){background:var(--green-dark)}.login-btn:active:not(:disabled){transform:scale(.98)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-footer{color:var(--text-muted);text-align:center;margin-top:28px;font-size:11.5px}.logout-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;flex-shrink:0;place-items:center;margin-left:auto;padding:4px 6px;transition:background .15s,color .15s;display:grid}.logout-btn:hover{color:#e53e3e;background:#dc26261a}