.modern-alert-viewport{position:fixed;top:22px;right:24px;z-index:3000;width:min(420px,calc(100vw - 32px));display:flex;flex-direction:column;gap:12px;pointer-events:none}.modern-toast{pointer-events:auto;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:14px 14px 14px 15px;border:1px solid var(--border-color);border-left:4px solid var(--toast-accent, var(--primary));border-radius:18px;background:var(--bg-surface);color:var(--text-main);box-shadow:0 18px 48px #0f172a33,0 3px 12px #0f172a14;animation:modern-alert-in .24s ease-out both}.modern-toast.success{--toast-accent: var(--success)}.modern-toast.error{--toast-accent: var(--danger)}.modern-toast.warning{--toast-accent: var(--warning)}.modern-toast.info{--toast-accent: var(--primary)}.modern-toast-icon,.modern-confirm-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:12px;background:color-mix(in srgb,var(--toast-accent, var(--primary)) 16%,transparent);color:var(--toast-accent, var(--primary));font-weight:800;font-size:16px}.modern-toast-content{min-width:0;display:flex;flex-direction:column;gap:3px}.modern-toast-content strong{font-size:12px;letter-spacing:.02em}.modern-toast-content span{color:var(--text-muted);font-size:13px;line-height:1.4}.modern-toast-close{width:28px;height:28px;border:0;border-radius:9px;background:transparent;color:var(--text-dim);font-size:20px;line-height:1;cursor:pointer}.modern-toast-close:hover{background:var(--bg-surface-hover);color:var(--text-main)}.modern-confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3100;display:grid;place-items:center;padding:20px;background:#0f172a8f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:modern-alert-fade .18s ease-out both}.modern-confirm-dialog{width:min(440px,100%);display:grid;grid-template-columns:44px 1fr;gap:15px;padding:24px;border:1px solid var(--border-color);border-radius:24px;background:var(--bg-surface);color:var(--text-main);box-shadow:0 30px 80px #0f172a4d;animation:modern-confirm-in .22s ease-out both}.modern-confirm-icon{width:44px;height:44px;border-radius:15px;--toast-accent: var(--warning)}.modern-confirm-icon.danger{--toast-accent: var(--danger)}.modern-confirm-copy h2{margin:2px 0 7px;font-family:Manrope,Inter,sans-serif;font-size:18px;line-height:1.25}.modern-confirm-copy p{margin:0;color:var(--text-muted);font-size:13.5px;line-height:1.55}.modern-confirm-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:9px;margin-top:8px}.modern-confirm-actions .btn{min-width:102px}@keyframes modern-alert-in{0%{opacity:0;transform:translate3d(24px,-8px,0) scale(.97)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes modern-alert-fade{0%{opacity:0}to{opacity:1}}@keyframes modern-confirm-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 640px){.modern-alert-viewport{top:12px;right:16px;left:16px;width:auto}.modern-confirm-dialog{padding:20px;border-radius:20px}}:root,[data-theme=blue]{--theme-name: "blue";--bg-app: #070d1e;--bg-sidebar: #091228;--bg-surface: #0e1a38;--bg-surface-2: #14244d;--bg-surface-hover: #1c3166;--border-color: rgba(56, 189, 248, .15);--border-subtle: rgba(255, 255, 255, .08);--text-main: #ffffff;--text-muted: #94a3b8;--text-dim: #64748b;--primary: #0284c7;--primary-glow: #38bdf8;--primary-soft: rgba(2, 132, 199, .18);--primary-text: #38bdf8;--accent: #2563eb;--success: #10b981;--success-soft: rgba(16, 185, 129, .15);--warning: #f59e0b;--danger: #ef4444;--danger-soft: rgba(239, 68, 68, .15);--bubble-in: #14244d;--bubble-in-text: #f8fafc;--bubble-out: linear-gradient(135deg, #0284c7 0%, #2563eb 100%);--bubble-out-text: #ffffff;--bubble-note: #2a2415;--bubble-note-border: #785810;--bubble-note-text: #fef08a;--shadow-app: 0 10px 30px rgba(0, 0, 0, .4)}[data-theme=light]{--theme-name: "light";--bg-app: #f4f6fa;--bg-sidebar: #ffffff;--bg-surface: #ffffff;--bg-surface-2: #f1f4f9;--bg-surface-hover: #e5eaf2;--border-color: #e2e8f0;--border-subtle: #edf2f7;--text-main: #0f172a;--text-muted: #64748b;--text-dim: #94a3b8;--primary: #0284c7;--primary-glow: #0284c7;--primary-soft: #e0f2fe;--primary-text: #0284c7;--accent: #0369a1;--success: #10b981;--success-soft: #d1fae5;--warning: #f59e0b;--danger: #ef4444;--danger-soft: #fee2e2;--bubble-in: #ffffff;--bubble-in-text: #0f172a;--bubble-out: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);--bubble-out-text: #ffffff;--bubble-note: #fef9c3;--bubble-note-border: #fde047;--bubble-note-text: #854d0e;--shadow-app: 0 4px 20px rgba(15, 23, 42, .06)}[data-theme=dark]{--theme-name: "dark";--bg-app: #090514;--bg-sidebar: #0f0722;--bg-surface: #150b30;--bg-surface-2: #1e1044;--bg-surface-hover: #2d1864;--border-color: rgba(168, 85, 247, .2);--border-subtle: rgba(255, 255, 255, .08);--text-main: #ffffff;--text-muted: #c084fc;--text-dim: #8b5cf6;--primary: #9333ea;--primary-glow: #c084fc;--primary-soft: rgba(147, 51, 234, .2);--primary-text: #e879f9;--accent: #d946ef;--success: #10b981;--success-soft: rgba(16, 185, 129, .15);--warning: #f59e0b;--danger: #ef4444;--danger-soft: rgba(239, 68, 68, .15);--bubble-in: #1e1044;--bubble-in-text: #f8fafc;--bubble-out: linear-gradient(135deg, #9333ea 0%, #c026d3 100%);--bubble-out-text: #ffffff;--bubble-note: #2c1a10;--bubble-note-border: #7c2d12;--bubble-note-text: #fed7aa;--shadow-app: 0 10px 35px rgba(0, 0, 0, .6)}.modern-app-shell{display:grid;grid-template-columns:260px 1fr;height:100vh;width:100vw;background:var(--bg-app);color:var(--text-main);overflow:hidden;font-family:Plus Jakarta Sans,Inter,-apple-system,sans-serif}.modern-app-shell{transition:grid-template-columns .18s ease}.modern-app-shell.sidebar-collapsed{grid-template-columns:76px 1fr}.modern-sidebar{position:relative;background:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;justify-content:space-between;padding:20px 16px;overflow-y:auto;overflow-x:hidden}.sidebar-collapse-toggle{position:absolute;top:26px;right:-12px;width:24px;height:24px;border-radius:50%;background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-dim);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;padding:0;box-shadow:0 2px 6px #0003}.sidebar-collapse-toggle:hover{background:var(--bg-surface-hover);color:var(--text-main)}.sidebar-collapse-toggle svg{width:14px;height:14px;transition:transform .18s ease}.modern-sidebar.collapsed{padding:20px 10px}.modern-sidebar.collapsed .sidebar-brand-box{justify-content:center;padding:0 0 18px}.modern-sidebar.collapsed .sidebar-brand-box>div,.modern-sidebar.collapsed .sidebar-nav-item-content span,.modern-sidebar.collapsed .sidebar-badge,.modern-sidebar.collapsed .sidebar-user-info,.modern-sidebar.collapsed .sidebar-user-card>button{display:none}.modern-sidebar.collapsed .sidebar-nav-item{justify-content:center;padding:10px}.modern-sidebar.collapsed .sidebar-nav-item-content{gap:0}.modern-sidebar.collapsed .sidebar-user-card{justify-content:center;padding:10px 6px}.sidebar-brand-box{display:flex;align-items:center;gap:12px;padding:0 8px 18px;border-bottom:1px solid var(--border-subtle);text-decoration:none;color:var(--text-main)}.sidebar-brand-title{font-family:Manrope,sans-serif;font-size:21px;font-weight:800;letter-spacing:.04em;color:var(--text-main)}.sidebar-brand-slogan{font-size:10px;color:var(--primary-text);font-weight:600;display:block}.sidebar-nav-list{display:flex;flex-direction:column;gap:4px;margin-top:16px;flex:1}.sidebar-nav-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:12px;color:var(--text-muted);text-decoration:none;font-size:13.5px;font-weight:600;transition:all .2s ease}.sidebar-nav-item-content{display:flex;align-items:center;gap:12px}.sidebar-nav-item-content svg{width:18px;height:18px;flex-shrink:0}.sidebar-nav-item:hover{background:var(--bg-surface);color:var(--text-main)}.sidebar-nav-item.active{background:var(--primary-soft);color:var(--primary-text);font-weight:700;border-left:3px solid var(--primary-glow)}.sidebar-badge{background:var(--primary);color:#fff;font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px}.sidebar-user-card{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:14px;margin-top:16px}.sidebar-user-avatar{width:38px;height:38px;border-radius:50%;background:var(--primary-soft);color:var(--primary-text);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;border:2px solid var(--primary-glow)}.sidebar-user-info{flex:1;margin-left:10px;overflow:hidden}.sidebar-user-name{font-size:13px;font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:11px;color:var(--text-muted)}.modern-main-area{display:flex;flex-direction:column;height:100vh;overflow:hidden}.modern-topbar{background:var(--bg-sidebar);border-bottom:1px solid var(--border-color);padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0}.topbar-search-box{position:relative;width:380px;max-width:100%}.topbar-search-box svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-muted)}.topbar-search-input{width:100%;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:999px;padding:9px 16px 9px 38px;color:var(--text-main);font-size:13px;outline:none;transition:all .2s}.topbar-search-input:focus{border-color:var(--primary-glow);box-shadow:0 0 0 3px var(--primary-soft)}.topbar-actions{display:flex;align-items:center;gap:12px}.theme-switcher-box{display:flex;align-items:center;gap:4px;background:var(--bg-surface);padding:3px;border-radius:999px;border:1px solid var(--border-color)}.theme-pill-btn{background:none;border:none;padding:5px 12px;border-radius:999px;font-size:11.5px;font-weight:700;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .2s}.theme-pill-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 8px var(--primary-soft)}.crm-inbox-grid{display:grid;grid-template-columns:320px 1fr 340px;height:calc(100vh - 65px);overflow:hidden;background:var(--bg-app)}.crm-conv-column{background:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.crm-conv-header{padding:16px;border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:12px}.crm-conv-tabs{display:flex;gap:4px;background:var(--bg-surface);padding:3px;border-radius:10px}.crm-conv-tab-btn{flex:1;border:none;background:none;padding:7px 6px;border-radius:8px;font-size:11.5px;font-weight:700;color:var(--text-muted);cursor:pointer;text-align:center;transition:all .2s}.crm-conv-tab-btn.active{background:var(--bg-surface-2);color:var(--primary-text);box-shadow:0 1px 4px #0003}.crm-conv-list-items{flex:1;overflow-y:auto}.crm-conv-item{display:flex;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:all .15s ease;position:relative}.crm-conv-item:hover{background:var(--bg-surface)}.crm-conv-item.active{background:var(--primary-soft);border-left:3px solid var(--primary-glow)}.crm-conv-avatar-box{position:relative;flex-shrink:0}.crm-conv-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;background:var(--bg-surface-2);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:var(--text-main);border:1px solid var(--border-color)}.online-dot{position:absolute;bottom:0;right:0;width:11px;height:11px;background:#10b981;border:2px solid var(--bg-sidebar);border-radius:50%}.crm-conv-content{flex:1;min-width:0}.crm-conv-name-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:3px}.crm-conv-name{font-size:13.5px;font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crm-conv-time{font-size:11px;color:var(--text-dim);flex-shrink:0}.crm-conv-preview{font-size:12.5px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crm-unread-badge{background:var(--primary);color:#fff;font-size:10.5px;font-weight:800;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:6px;flex-shrink:0}.crm-chat-column{background:var(--bg-app);display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--border-color)}.crm-chat-header{padding:14px 22px;background:var(--bg-sidebar);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.crm-chat-user-header{display:flex;align-items:center;gap:12px}.crm-chat-header-actions{display:flex;align-items:center;gap:10px}.crm-chat-messages-body{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:14px}.chat-bubble-container{display:flex;flex-direction:column;max-width:72%;position:relative}.crm-msg-actions{position:absolute;top:-16px;right:8px;display:flex;align-items:center;gap:4px;opacity:0;transition:all .18s ease;z-index:10}.chat-bubble-container.inbound .crm-msg-actions{right:auto;left:8px}.chat-bubble-container:hover .crm-msg-actions{opacity:1}.crm-wa-reaction-bar{display:flex;align-items:center;gap:3px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:999px;padding:3px 6px;box-shadow:0 4px 18px #00000059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.crm-wa-reaction-btn{width:28px;height:28px;border-radius:50%;border:none;background:transparent;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s ease,background .15s ease}.crm-wa-reaction-btn:hover{transform:scale(1.25);background:var(--bg-surface-hover)}.crm-wa-reaction-btn.more-btn{font-size:14px;color:var(--text-muted)}.crm-wa-more-actions-btn{width:26px;height:26px;border-radius:50%;background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-muted);font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000040;transition:all .15s ease}.crm-wa-more-actions-btn:hover{background:var(--bg-surface-hover);color:var(--text-main);transform:scale(1.08)}.crm-wa-context-menu{position:absolute;top:24px;right:0;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:6px 0;min-width:190px;box-shadow:0 10px 30px #00000073;z-index:100;display:flex;flex-direction:column;animation:waMenuFadeIn .15s cubic-bezier(.16,1,.3,1)}.chat-bubble-container.inbound .crm-wa-context-menu{right:auto;left:0}@keyframes waMenuFadeIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.crm-wa-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 16px;border:none;background:transparent;color:var(--text-main);font-size:13px;font-weight:500;text-align:left;cursor:pointer;transition:background .12s ease}.crm-wa-menu-item:hover{background:var(--bg-surface-hover);color:var(--primary-glow)}.crm-wa-menu-item.danger{color:var(--danger)}.crm-wa-menu-item.danger:hover{background:var(--danger-soft)}.crm-wa-menu-divider{height:1px;background:var(--border-subtle);margin:4px 0}.crm-extended-emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;max-height:240px;overflow-y:auto;padding:8px 4px}.crm-extended-emoji-btn{width:34px;height:34px;border-radius:8px;border:none;background:transparent;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .12s ease,background .12s ease}.crm-extended-emoji-btn:hover{transform:scale(1.2);background:var(--bg-surface-hover)}.crm-floating-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--bg-surface-2);color:var(--text-main);border:1px solid var(--primary-glow);padding:10px 20px;border-radius:999px;font-size:13px;font-weight:600;box-shadow:0 6px 25px #0006;z-index:99999;display:flex;align-items:center;gap:8px;animation:toastFade .2s ease-out}@keyframes toastFade{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.crm-emoji-picker{position:absolute;top:-46px;right:4px;display:flex;gap:2px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:999px;padding:4px;box-shadow:0 4px 14px #00000040;z-index:3}.crm-emoji-picker.composer{top:auto;bottom:44px;right:auto;left:0;flex-wrap:wrap;max-width:220px;border-radius:14px}.crm-emoji-picker button{width:26px;height:26px;border:none;background:transparent;cursor:pointer;font-size:15px;border-radius:6px}.crm-emoji-picker button:hover{background:var(--bg-surface-hover)}.crm-quoted-block{display:flex;flex-direction:column;gap:2px;background:#0000002e;border-left:3px solid rgba(255,255,255,.5);border-radius:8px;padding:6px 10px;margin-bottom:6px;font-size:12px;opacity:.9}.chat-bubble.inbound .crm-quoted-block{background:var(--bg-surface-2);border-left-color:var(--primary-glow)}.crm-quoted-block strong{font-size:11px}.crm-quoted-block span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-reaction-row{display:flex;gap:4px;margin-top:-6px;margin-bottom:4px}.chat-bubble-container.outbound .crm-reaction-row{align-self:flex-end}.crm-reaction-chip{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:999px;padding:1px 7px;font-size:12px;cursor:default}.crm-reaction-chip.mine{cursor:pointer;border-color:var(--primary-glow)}.crm-poll-card{min-width:200px}.crm-poll-question{font-weight:700;font-size:13px;margin-bottom:8px}.crm-poll-option{font-size:12.5px;padding:6px 8px;border-radius:8px;background:#00000026;margin-bottom:4px}.chat-bubble.inbound .crm-poll-option{background:var(--bg-surface-2)}.crm-poll-hint{font-size:10.5px;opacity:.7;margin-top:4px}.crm-contact-card{display:flex;align-items:center;gap:10px;background:#00000026;border-radius:10px;padding:8px 10px;min-width:180px}.chat-bubble.inbound .crm-contact-card{background:var(--bg-surface-2)}.crm-contact-card-icon{font-size:20px}.crm-contact-card-name{font-weight:700;font-size:12.5px}.crm-contact-card-phone{font-size:11px;opacity:.8}.crm-msg-media-wrap{position:relative;display:inline-block}.crm-msg-download-btn{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;background:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;text-decoration:none;opacity:0;transition:opacity .15s ease}.crm-msg-media-wrap:hover .crm-msg-download-btn{opacity:1}.crm-msg-image,.crm-msg-video{max-width:260px;max-height:260px;border-radius:10px;display:block;margin-bottom:6px}.crm-msg-audio{display:block;margin-bottom:6px;max-width:240px}.crm-msg-document{display:flex;align-items:center;gap:8px;background:#00000026;border-radius:10px;padding:8px 10px;margin-bottom:6px;color:inherit;text-decoration:none;font-size:12.5px;font-weight:600}.crm-reply-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 20px;background:var(--bg-surface-2);border-top:1px solid var(--border-color);font-size:12px}.crm-reply-bar>div{display:flex;flex-direction:column;gap:2px;overflow:hidden}.crm-reply-bar strong{font-size:11px;color:var(--primary-text)}.crm-reply-bar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-dim)}.crm-reply-bar button{border:none;background:transparent;color:var(--text-dim);cursor:pointer;font-size:14px;flex-shrink:0}.composer-action-btn.recording{background:var(--danger);color:#fff;border-color:var(--danger);animation:crm-recording-pulse 1.2s infinite}@keyframes crm-recording-pulse{0%,to{opacity:1}50%{opacity:.55}}.chat-bubble-container.inbound{align-self:flex-start}.chat-bubble-container.outbound{align-self:flex-end}.chat-bubble-container.note{align-self:center;max-width:85%}.chat-bubble{padding:12px 16px;border-radius:18px;font-size:13.5px;line-height:1.55;word-break:break-word;position:relative;box-shadow:0 2px 10px #00000026}.chat-bubble.inbound{background:var(--bubble-in);color:var(--bubble-in-text);border:1px solid var(--border-color);border-bottom-left-radius:4px}.chat-bubble.outbound{background:var(--bubble-out);color:var(--bubble-out-text);border-bottom-right-radius:4px}.chat-bubble.note{background:var(--bubble-note);border:1px solid var(--bubble-note-border);color:var(--bubble-note-text)}.ai-product-card{background:#00000040;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:10px 14px;margin:8px 0}.ai-quick-actions-row{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.ai-quick-chip{background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#fff;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.ai-quick-chip:hover{background:#ffffff4d;transform:translateY(-1px)}.chat-bubble-meta{font-size:10.5px;color:var(--text-dim);margin-top:4px;display:flex;align-items:center;gap:6px}.crm-chat-composer{padding:14px 20px;background:var(--bg-sidebar);border-top:1px solid var(--border-color);display:flex;align-items:center;gap:10px}.composer-action-btn{width:36px;height:36px;border-radius:50%;background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.composer-action-btn:hover{background:var(--bg-surface-hover);color:var(--text-main)}.crm-chat-input{flex:1;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:999px;padding:11px 18px;color:var(--text-main);font-size:14px;outline:none;transition:all .2s}.crm-chat-input:focus{border-color:var(--primary-glow)}.btn-send-message{width:42px;height:42px;border-radius:50%;background:var(--primary);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 15px var(--primary-soft);flex-shrink:0;transition:all .2s}.btn-send-message:hover{transform:scale(1.05)}.crm-info-column{background:var(--bg-sidebar);display:flex;flex-direction:column;overflow-y:auto;padding:20px;gap:20px}.crm-info-header{display:flex;justify-content:space-between;align-items:center}.crm-info-profile-card{text-align:center;padding:16px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:18px}.crm-info-avatar-large{width:72px;height:72px;border-radius:50%;object-fit:cover;margin:0 auto 10px;border:3px solid var(--primary-glow)}.crm-info-name{font-size:16px;font-weight:800;color:var(--text-main)}.crm-info-client-badge{display:inline-flex;align-items:center;gap:5px;background:var(--success-soft);color:var(--success);font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:999px;margin-top:6px}.crm-contact-meta-list{display:flex;flex-direction:column;gap:8px;font-size:12.5px;color:var(--text-muted);margin-top:14px;text-align:left}.crm-contact-meta-item{display:flex;align-items:center;gap:8px}.crm-quick-actions-box{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:18px;padding:16px}.crm-section-subtitle{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px}.crm-quick-action-btn{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--bg-surface-2);border:1px solid var(--border-color);border-radius:11px;color:var(--text-main);font-size:13px;font-weight:600;cursor:pointer;margin-bottom:8px;transition:all .2s;text-align:left}.crm-quick-action-btn:hover{background:var(--primary-soft);color:var(--primary-text);border-color:var(--primary-glow)}.crm-files-list{display:flex;flex-direction:column;gap:8px}.crm-file-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--bg-surface-2);border-radius:10px;font-size:12px;color:var(--text-main);text-decoration:none}.crm-file-item:hover{background:var(--bg-surface-hover)}@media (max-width: 1200px){.crm-inbox-grid{grid-template-columns:300px 1fr}.crm-info-column{display:none}}@media (max-width: 860px){.modern-app-shell{grid-template-columns:1fr}.modern-sidebar{display:none}.crm-inbox-grid{grid-template-columns:1fr}}.crm-board-wrap{display:flex;flex-direction:column;height:100%;padding:20px 24px;overflow:hidden}.crm-board-header{margin-bottom:16px;flex-shrink:0}.crm-board-columns{flex:1;display:grid;grid-template-columns:repeat(5,minmax(240px,1fr));gap:14px;overflow-x:auto;padding-bottom:8px}.crm-board-column{display:flex;flex-direction:column;background:var(--bg-surface-2);border:1px solid var(--border-color);border-radius:14px;min-width:240px;overflow:hidden;transition:background .15s ease,border-color .15s ease}.crm-board-column.drag-over{border-color:var(--primary-glow);background:var(--primary-soft)}.crm-board-column-header{display:flex;align-items:center;gap:8px;padding:12px 14px;font-weight:700;font-size:13px;color:var(--text-main);border-bottom:1px solid var(--border-color)}.crm-board-column-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.crm-board-column-count{margin-left:auto;font-size:11px;font-weight:700;color:var(--text-dim);background:var(--bg-surface);border-radius:999px;padding:2px 8px}.crm-board-column-body{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px}.crm-board-empty{font-size:12px;color:var(--text-dim);text-align:center;padding:16px 4px;margin:0}.crm-board-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:10px 12px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.crm-board-card.dragging{box-shadow:0 8px 24px #00000040;cursor:grabbing}.crm-board-card.moving{opacity:.6}.crm-board-card-top{display:flex;align-items:center;gap:8px;margin-bottom:6px}.crm-board-card-name{font-size:12.5px;font-weight:700;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-board-card-time{font-size:10.5px;color:var(--text-dim)}.crm-board-card-subject{font-size:12px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px}.crm-board-card-tags{display:flex;flex-wrap:wrap;gap:4px}.crm-board-card-chip{font-size:10px;font-weight:600;padding:2px 7px;border-radius:999px;background:var(--bg-surface-2);color:var(--text-dim);border:1px solid var(--border-color)}.crm-board-card-chip.agent{background:var(--primary-soft);color:var(--primary-text);border-color:var(--primary-glow)}@media (max-width: 1200px){.crm-board-columns{grid-template-columns:repeat(5,240px)}}.crm-transfer-banner{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:16px;background:var(--bg-surface);border:1px solid var(--primary-glow);box-shadow:0 10px 30px #00000059;border-radius:14px;padding:12px 16px;max-width:520px}.crm-transfer-banner>div:first-child{display:flex;flex-direction:column;gap:2px}.crm-transfer-banner strong{font-size:13px;color:var(--text-main)}.crm-transfer-banner span{font-size:12px;color:var(--text-dim)}.crm-campaign-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding:4px 2px}.crm-campaign-card{background:var(--bg-surface-2);border:1px solid var(--border-color);border-radius:14px;padding:14px 16px;cursor:pointer;transition:border-color .15s ease}.crm-campaign-card:hover{border-color:var(--primary-glow)}.crm-campaign-status{font-size:10.5px;font-weight:700;color:#fff;padding:3px 9px;border-radius:999px;flex-shrink:0}.crm-campaign-stats-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;font-size:12px;color:var(--text-dim)}.crm-stage-badge{display:inline-block;font-size:10px;font-weight:700;color:#fff;padding:2px 8px;border-radius:999px}.crm-stage-select{background:var(--primary-soft);color:var(--primary-text);border:1px solid var(--primary-glow);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700;cursor:pointer}.crm-stage-select:disabled{opacity:.6;cursor:wait}.sidebar-brand-text-col{display:flex;flex-direction:column}.sidebar-badge-count{font-size:11px;font-weight:700;background:#ef4444;color:#fff;padding:1px 7px;border-radius:999px;box-shadow:0 0 8px #ef444466}.sidebar-mascot-promo-card{margin:12px 14px 16px;background:linear-gradient(145deg,#0e1a38cc,#14244de6);border:1px solid rgba(56,189,248,.25);border-radius:16px;padding:14px;text-align:center;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000059}.sidebar-mascot-img-wrap{display:flex;justify-content:center;margin-bottom:6px;filter:drop-shadow(0 4px 12px rgba(56,189,248,.4))}.sidebar-mascot-title{font-size:13px;font-weight:700;color:#fff;margin-bottom:4px;line-height:1.2}.sidebar-mascot-desc{font-size:10.5px;color:#94a3b8;line-height:1.35;margin-bottom:10px}.sidebar-mascot-btn{width:100%;padding:7px 12px;border-radius:10px;background:linear-gradient(135deg,#4f46e5,#3b82f6);color:#fff;font-size:12px;font-weight:700;border:none;cursor:pointer;box-shadow:0 4px 14px #3b82f666;transition:all .2s ease}.sidebar-mascot-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #3b82f699}.sidebar-mascot-footer{margin-top:10px;font-size:9.5px;color:#64748b;border-top:1px solid rgba(255,255,255,.08);padding-top:6px}.topbar-search-shortcut{font-size:10.5px;font-weight:700;padding:2px 6px;border-radius:6px;background:#ffffff14;color:var(--text-dim);border:1px solid rgba(255,255,255,.1);margin-right:8px}.topbar-icon-btn{width:38px;height:38px;border-radius:10px;background:var(--bg-surface-2);border:1px solid var(--border-color);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.topbar-icon-btn:hover{color:var(--text-main);border-color:var(--primary-glow)}.topbar-notif-dot{position:absolute;top:4px;right:4px;width:16px;height:16px;border-radius:999px;background:#ef4444;color:#fff;font-size:9.5px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-surface)}.topbar-user-dropdown-container{position:relative}.topbar-user-pill{display:flex;align-items:center;gap:10px;padding:4px 10px 4px 6px;border-radius:999px;background:var(--bg-surface-2);border:1px solid var(--border-color);cursor:pointer;transition:all .15s ease}.topbar-user-pill:hover{border-color:var(--primary-glow)}.topbar-user-avatar{width:32px;height:32px;border-radius:999px;background:linear-gradient(135deg,#0284c7,#2563eb);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}.topbar-user-avatar img{width:100%;height:100%;display:block;border-radius:inherit;object-fit:cover}.topbar-user-info{text-align:left}.topbar-user-name{font-size:12.5px;font-weight:700;color:var(--text-main);line-height:1.1}.topbar-user-subtitle{font-size:10.5px;color:var(--text-dim);line-height:1.1;margin-top:2px}.topbar-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:6px;box-shadow:0 10px 25px #0006;z-index:100}.dropdown-header{padding:8px 10px}.dropdown-divider{height:1px;background:var(--border-color);margin:4px 0}.dropdown-item{width:100%;text-align:left;padding:8px 10px;border-radius:8px;background:none;border:none;color:var(--text-muted);font-size:12.5px;font-weight:500;cursor:pointer;transition:all .12s}.dropdown-item:hover{background:var(--bg-surface-2);color:var(--text-main)}.dropdown-item.logout:hover{color:#ef4444}.modern-dashboard-wrapper{padding:24px;max-width:1600px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.dashboard-hero-card{position:relative;background:linear-gradient(135deg,var(--bg-surface) 0%,var(--bg-surface-2) 50%,var(--bg-sidebar) 100%);border:1px solid var(--border-color);border-radius:20px;padding:28px 36px;overflow:hidden;box-shadow:var(--shadow-app)}.dashboard-hero-cyber-wave{position:absolute;left:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none;z-index:1}.dashboard-hero-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:24px}.dashboard-hero-left{display:flex;flex-direction:column;gap:6px}.dashboard-hero-title{font-size:28px;font-weight:800;color:var(--text-main);letter-spacing:-.5px;margin:0}.dashboard-hero-subtitle{font-size:14.5px;color:var(--text-muted);margin:0}.dashboard-hero-badges-row{display:flex;align-items:center;gap:14px;margin-top:10px}.dashboard-wa-status-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--success-soft);border:1px solid var(--success);color:var(--success);font-size:12.5px;font-weight:700;cursor:pointer;transition:all .15s}.dashboard-wa-status-pill:hover{filter:brightness(1.15)}.status-dot{width:8px;height:8px;border-radius:999px}.status-dot.online{background:#10b981;box-shadow:0 0 8px #10b981}.status-dot.connecting{background:#f59e0b;box-shadow:0 0 8px #f59e0b}.dashboard-hero-datetime{font-size:12.5px;color:var(--text-dim);font-weight:500}.dashboard-hero-right{display:flex;align-items:center;gap:16px}.dashboard-hero-bubble{position:relative;background:var(--bg-surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:14px;padding:10px 16px;color:var(--text-main);box-shadow:var(--shadow-app)}.bubble-title{font-size:13px;font-weight:800;color:var(--primary-text);margin-bottom:2px}.bubble-text{font-size:11.5px;color:var(--text-muted);white-space:nowrap}.bubble-arrow{position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:8px solid var(--bg-surface)}.dashboard-hero-mascot-wrap{filter:drop-shadow(0 10px 25px rgba(56,189,248,.4));animation:floatMascot 4s ease-in-out infinite}@keyframes floatMascot{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.dashboard-kpis-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}@media (max-width: 1280px){.dashboard-kpis-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 800px){.dashboard-kpis-grid{grid-template-columns:1fr}}.dashboard-kpi-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000026;transition:transform .15s,border-color .15s}.dashboard-kpi-card:hover{transform:translateY(-2px);border-color:var(--primary-glow)}.kpi-icon-box{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.kpi-icon-box svg{width:20px;height:20px}.blue-icon{background:#0284c726;color:#38bdf8}.green-icon{background:#10b98126;color:#10b981}.purple-icon{background:#a855f726;color:#c084fc}.orange-icon{background:#f59e0b26;color:#f59e0b}.cyan-icon{background:#06b6d426;color:#06b6d4}.kpi-label{font-size:13px;color:var(--text-muted);font-weight:500;margin-bottom:4px}.kpi-number{font-size:22px;font-weight:800;color:var(--text-main);letter-spacing:-.5px;margin-bottom:6px}.kpi-trend{font-size:11.5px;font-weight:600;display:flex;align-items:center;gap:4px}.kpi-trend.positive,.kpi-trend.online-tag{color:#10b981}.dot-green{width:6px;height:6px;border-radius:999px;background:#10b981;box-shadow:0 0 6px #10b981}.dashboard-charts-row{display:grid;grid-template-columns:2fr 1fr;gap:16px}@media (max-width: 1080px){.dashboard-charts-row{grid-template-columns:1fr}}.dashboard-chart-card,.dashboard-donut-card,.dashboard-table-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:18px;padding:20px 24px;box-shadow:0 4px 20px #00000026}.chart-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.chart-card-title{font-size:16px;font-weight:700;color:var(--text-main);margin:0 0 6px}.chart-legend-row{display:flex;align-items:center;gap:16px}.legend-item{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-muted)}.legend-dot{width:8px;height:8px;border-radius:999px}.legend-dot.blue{background:#38bdf8;box-shadow:0 0 6px #38bdf8}.legend-dot.purple{background:#a855f7;box-shadow:0 0 6px #a855f7}.legend-dot.cyan{background:#10b981;box-shadow:0 0 6px #10b981}.chart-time-select{background:var(--bg-surface-2);border:1px solid var(--border-color);color:var(--text-main);padding:4px 10px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer}.chart-area-with-sidebar{display:grid;grid-template-columns:1fr 200px;gap:20px;align-items:center}@media (max-width: 850px){.chart-area-with-sidebar{grid-template-columns:1fr}}.chart-svg-container{display:flex;flex-direction:column;gap:8px}.chart-svg{width:100%;height:160px}.chart-x-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--text-dim)}.chart-side-stats{display:flex;flex-direction:column;gap:12px;border-left:1px solid var(--border-color);padding-left:16px}.side-stat-row{display:flex;align-items:center;gap:10px}.stat-icon-circle{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px}.stat-icon-circle.blue{background:#38bdf826;color:#38bdf8}.stat-icon-circle.green{background:#10b98126;color:#10b981}.stat-icon-circle.orange{background:#f59e0b26;color:#f59e0b}.stat-icon-circle.cyan{background:#06b6d426;color:#06b6d4}.stat-value{font-size:15px;font-weight:800;color:var(--text-main);line-height:1.1}.stat-title{font-size:11px;color:var(--text-dim);line-height:1.1;margin-top:2px}.donut-content-row{display:flex;align-items:center;justify-content:space-around;gap:16px;padding:10px 0}.donut-chart-wrap{position:relative;display:flex;align-items:center;justify-content:center}.donut-svg circle{transform:rotate(-90deg);transform-origin:50% 50%;transition:stroke-dasharray .5s ease}.donut-center-text{position:absolute;text-align:center;pointer-events:none}.donut-center-label{font-size:11px;color:var(--text-dim);font-weight:500}.donut-center-number{font-size:20px;font-weight:800;color:var(--text-main)}.donut-legend-list{display:flex;flex-direction:column;gap:8px;min-width:140px}.donut-legend-item{display:flex;align-items:center;justify-content:space-between;font-size:12px}.legend-bullet-box{display:flex;align-items:center;gap:8px;color:var(--text-muted)}.bullet{width:8px;height:8px;border-radius:999px}.bullet.orange{background:#f59e0b}.bullet.blue{background:#38bdf8}.bullet.green{background:#10b981}.bullet.red{background:#ef4444}.bullet.purple{background:#a855f7}.legend-count{font-weight:700;color:var(--text-main)}.dashboard-tables-row{display:grid;grid-template-columns:3fr 2fr;gap:16px}@media (max-width: 1080px){.dashboard-tables-row{grid-template-columns:1fr}}.table-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.table-card-link{background:none;border:none;color:var(--primary-glow);font-size:12.5px;font-weight:700;cursor:pointer;transition:opacity .15s}.table-card-link:hover{opacity:.8}.dashboard-data-table{width:100%;border-collapse:collapse}.dashboard-data-table th{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-dim);padding:8px 10px;border-bottom:1px solid var(--border-color);text-align:left}.dashboard-data-table td{padding:12px 10px;border-bottom:1px solid rgba(255,255,255,.04);font-size:12.5px}.clickable-table-row{cursor:pointer;transition:background .12s}.clickable-table-row:hover{background:var(--bg-surface-2)}.table-contact-cell{display:flex;align-items:center;gap:10px}.table-avatar-wrap{position:relative;width:32px;height:32px}.table-avatar-img{width:32px;height:32px;border-radius:999px;object-fit:cover}.table-avatar-fallback{width:32px;height:32px;border-radius:999px;background:var(--primary-soft);color:var(--primary-text);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}.table-wa-icon-badge{position:absolute;bottom:-2px;right:-2px;background:#0f172a;border-radius:999px;padding:2px;display:flex}.table-contact-name{font-weight:600;color:var(--text-main)}.table-msg-preview{color:var(--text-muted);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-status-pill{display:inline-block;font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;border:1px solid}.table-agent-badge{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-muted)}.table-agent-icon{width:18px;height:18px;border-radius:999px;background:#2563eb;color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center}.dashboard-footer-brand-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid var(--border-color);margin-top:10px;border-radius:14px;background:#0e1a3866}@media (max-width: 768px){.dashboard-footer-brand-bar{flex-direction:column;gap:10px;text-align:center}}.footer-brand-title{font-size:18px;font-weight:900;color:#fff;letter-spacing:1px}.footer-brand-slogan{font-size:12px;font-weight:700;color:#38bdf8;letter-spacing:1.5px}.footer-brand-tags{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.footer-tag{font-size:11.5px;font-weight:600;color:#cbd5e1;background:#ffffff0d;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08)}.modal{max-width:520px;max-height:calc(100vh - 40px);overflow-y:auto;overflow-x:hidden}.modal .field{min-width:0}.modal select.input,.modal input.input,.modal textarea.input{width:100%;min-width:0;max-width:100%;box-sizing:border-box;text-overflow:ellipsis}.modal h3{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-search-box{display:flex;align-items:center;width:420px}.topbar-search-input{height:40px;padding:0 72px 0 40px;background:var(--bg-surface-2);border-color:var(--border-subtle);font-size:13.5px}.topbar-search-input::placeholder{color:var(--text-dim)}.topbar-search-input:hover{border-color:var(--border-color)}.topbar-search-input:focus{background:var(--bg-surface)}.topbar-search-box svg{left:15px;pointer-events:none}.topbar-search-shortcut{position:absolute;right:10px;top:50%;transform:translateY(-50%);margin:0;padding:3px 7px;font-size:10.5px;line-height:1;white-space:nowrap;pointer-events:none;background:var(--bg-surface);color:var(--text-dim);border:1px solid var(--border-color);box-shadow:0 1px 0 var(--border-color)}@media (max-width: 900px){.topbar-search-box{width:100%}.topbar-search-shortcut{display:none}.topbar-search-input{padding-right:16px}}[data-theme=light] .sidebar-mascot-promo-card{background:linear-gradient(145deg,#f0f9ff,#e0f2fe);border-color:#bae6fd;box-shadow:0 6px 18px #0284c71a}[data-theme=light] .sidebar-mascot-img-wrap{filter:drop-shadow(0 4px 10px rgba(2,132,199,.25))}[data-theme=light] .sidebar-mascot-title{color:#0f172a}[data-theme=light] .sidebar-mascot-desc{color:#475569}[data-theme=light] .sidebar-mascot-btn{background:linear-gradient(135deg,#0284c7,#0369a1);box-shadow:0 4px 12px #0284c747}[data-theme=light] .sidebar-mascot-btn:hover{box-shadow:0 6px 16px #0284c766}[data-theme=light] .sidebar-mascot-footer{color:#64748b;border-top-color:#bae6fd}.agents-drop-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.agents-drop-count{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--text-muted)}.agents-drop-count .agents-drop-dot{position:static;border:none}.agents-drop-chip{display:flex;align-items:center;gap:8px;padding:8px 10px;margin-bottom:10px;border:1px dashed var(--primary-glow);border-radius:10px;background:var(--primary-soft);color:var(--primary-text);font-size:12px;font-weight:600;cursor:grab;-webkit-user-select:none;user-select:none}.agents-drop-chip:active{cursor:grabbing}.agents-drop-grip{letter-spacing:-2px;opacity:.7}.agents-drop-feedback{font-size:12px;font-weight:600;padding:7px 10px;border-radius:9px;margin-bottom:10px}.agents-drop-feedback.ok{background:var(--success-soft);color:var(--success)}.agents-drop-feedback.error{background:var(--danger-soft);color:var(--danger)}.agents-drop-list{display:flex;flex-direction:column;gap:6px;max-height:260px;overflow-y:auto}.agents-drop-empty{font-size:12px;color:var(--text-dim);padding:4px 2px}.agents-drop-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:11px;border:1px solid var(--border-color);background:var(--bg-surface-2);transition:border-color .15s,background .15s,transform .15s}.agents-drop-item.is-offline{opacity:.6}.agents-drop-item.is-assigned{border-color:var(--primary-glow)}.agents-drop-item.is-over{opacity:1;border:1px dashed var(--primary-glow);background:var(--primary-soft);transform:scale(1.02)}.agents-drop-avatar{position:relative;width:32px;height:32px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%)}.agents-drop-dot{display:inline-block;position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:999px;border:2px solid var(--bg-surface-2);background:#64748b}.agents-drop-dot.available{background:#10b981}.agents-drop-dot.busy{background:#ef4444}.agents-drop-dot.away{background:#f59e0b}.agents-drop-info{min-width:0;flex:1}.agents-drop-name{font-size:12.5px;font-weight:700;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agents-drop-meta{font-size:11px;color:var(--text-dim)}.crm-conv-item[draggable=true]{cursor:grab}.dashboard-footer-brand-bar{gap:16px;padding:16px 22px;border:1px solid var(--border-color);background:linear-gradient(135deg,var(--bg-surface) 0%,var(--bg-surface-2) 100%);box-shadow:var(--shadow-app)}.footer-brand-title{display:flex;align-items:center;gap:8px;color:var(--text-main)}.footer-brand-title:before{content:"";width:8px;height:8px;border-radius:999px;background:var(--primary-glow);box-shadow:0 0 0 4px var(--primary-soft)}.footer-brand-slogan{color:var(--primary-text);font-size:11.5px;letter-spacing:1.2px;text-transform:uppercase}.footer-brand-tags{gap:8px}.footer-tag{color:var(--text-muted);background:var(--bg-surface-2);border:1px solid var(--border-color);padding:5px 12px;transition:background .15s,color .15s,border-color .15s}.footer-tag:hover{color:var(--primary-text);background:var(--primary-soft);border-color:var(--primary-glow)}[data-theme=light] .dashboard-footer-brand-bar{background:linear-gradient(135deg,#fff,#f0f9ff);border-color:#dbeafe}[data-theme=light] .footer-tag{background:#fff}button.sidebar-nav-item{width:100%;background:transparent;border:none;font-family:inherit;text-align:left;cursor:pointer;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}button.sidebar-nav-item:hover{background:var(--bg-surface);color:var(--text-main)}button.sidebar-nav-item:focus-visible,a.sidebar-nav-item:focus-visible{outline:2px solid var(--primary-glow);outline-offset:1px}.sidebar-nav-list{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;padding-right:2px}.sidebar-nav-list::-webkit-scrollbar{width:6px}.sidebar-nav-list::-webkit-scrollbar-track{background:transparent}.sidebar-nav-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:999px}.sidebar-nav-list::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.crm-ai-read-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.crm-ai-read-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:8px;border:1px dashed var(--primary-glow);background:var(--primary-soft);color:var(--primary-text);font-size:11.5px;font-weight:600;cursor:pointer;transition:all .15s}.crm-ai-read-btn:hover:not(:disabled){background:var(--primary-glow);color:#fff}.crm-ai-read-btn:disabled{opacity:.6;cursor:wait}.crm-ai-read-error{font-size:11px;color:var(--danger);align-self:center}.crm-ai-transcript{margin-top:6px;padding:8px 10px;border-radius:10px;background:var(--bg-surface-2);border:1px solid var(--border-color)}.crm-ai-transcript-label{display:block;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim);margin-bottom:3px}.crm-ai-transcript p{margin:0;font-size:12.5px;color:var(--text-main);line-height:1.4;white-space:pre-wrap}.topbar-icon-btn.is-active{color:var(--primary-text);background:var(--primary-soft);border-color:var(--primary-glow)}.topbar-icon-btn:disabled{opacity:.5;cursor:not-allowed}.fullscreen-toggle{flex-shrink:0}.modern-app-shell:fullscreen{width:100vw;height:100vh;background:var(--bg-app)}.crm-inbox-grid{transition:grid-template-columns .2s ease}.crm-info-header-actions{display:flex;align-items:center;gap:4px}.crm-info-collapse-btn,.crm-info-close-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-dim);cursor:pointer;font-size:13px;transition:all .15s ease}.crm-info-collapse-btn:hover,.crm-info-close-btn:hover{color:var(--primary-text);background:var(--primary-soft);border-color:var(--border-color)}.crm-info-rail{min-width:0;background:var(--bg-sidebar);border-left:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;gap:10px;padding:14px 7px;overflow-y:auto}.crm-info-rail-toggle,.crm-info-rail-icon{width:36px;height:36px;flex:0 0 36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-surface-2);color:var(--text-muted);cursor:pointer;font-size:15px;transition:all .15s ease}.crm-info-rail-toggle:hover,.crm-info-rail-icon:hover{color:var(--primary-text);background:var(--primary-soft);border-color:var(--primary-glow);transform:translate(-1px)}.crm-info-rail-avatar{width:38px;height:38px;flex:0 0 38px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;border:2px solid var(--primary-glow);background:var(--bg-surface)}.crm-info-rail-avatar .crm-conv-avatar{width:32px;height:32px}.crm-info-rail-divider{width:26px;height:1px;flex:0 0 1px;background:var(--border-color)}@media (max-width: 1200px){.crm-info-rail{display:none}}.qr-login-shell{position:relative;min-height:100vh;overflow:hidden;padding:24px clamp(22px,5vw,84px) 18px;color:#edf5ff;background:radial-gradient(circle at 10% 10%,rgba(19,115,205,.2),transparent 30%),radial-gradient(circle at 86% 24%,rgba(112,72,255,.18),transparent 28%),linear-gradient(135deg,#061328,#0a1c38 48%,#10264b);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.qr-login-shell:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;content:"";opacity:.27;background-image:linear-gradient(rgba(139,190,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(139,190,255,.08) 1px,transparent 1px);background-size:38px 38px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 78%);mask-image:linear-gradient(to bottom,black,transparent 78%)}.qr-login-bg-orb{position:absolute;z-index:0;border-radius:50%;pointer-events:none;filter:blur(2px)}.qr-login-bg-orb-one{top:15%;left:-130px;width:270px;height:270px;background:#00baff1a}.qr-login-bg-orb-two{right:-110px;bottom:6%;width:330px;height:330px;background:#7150ff1f}.qr-login-topbar,.qr-login-layout,.qr-login-footer{position:relative;z-index:1;max-width:1280px;margin:0 auto}.qr-login-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.qr-login-brand{display:flex;align-items:center;gap:11px}.qr-login-brand>div{display:grid;gap:3px}.qr-login-brand strong{color:#fff;font-size:19px;font-weight:850;letter-spacing:.12em}.qr-login-brand span{color:#8ba7cc;font-size:10px;font-weight:650;letter-spacing:.04em}.qr-login-topbar-meta{display:flex;align-items:center;gap:8px;color:#9eb4d2;font-size:12px}.qr-login-topbar-meta b{color:#50729c;font-weight:400}.qr-login-live-dot{width:7px;height:7px;border-radius:50%;background:#4ee3a1;box-shadow:0 0 0 5px #4ee3a11a,0 0 14px #4ee3a1b3}.qr-login-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,475px);align-items:center;gap:clamp(40px,8vw,128px);min-height:calc(100vh - 112px);padding:38px 0 28px}.qr-login-hero{min-width:0}.qr-login-kicker,.qr-login-step{color:#57caff;font-size:10px;font-weight:850;letter-spacing:.18em}.qr-login-hero h1{max-width:700px;margin:16px 0 18px;color:#fff;font-size:clamp(39px,5.1vw,70px);font-weight:850;line-height:1.02;letter-spacing:-.065em}.qr-login-hero h1 em{display:block;color:#76d6ff;font-style:normal}.qr-login-hero-copy{max-width:570px;margin:0;color:#a6bbd6;font-size:15px;line-height:1.7}.qr-login-feature-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:650px;gap:10px;margin-top:30px}.qr-login-feature-list>div{min-height:100px;padding:16px;border:1px solid rgba(131,187,239,.16);border-radius:16px;background:#0c23468a;box-shadow:inset 0 1px #ffffff0a}.qr-login-feature-list span{display:block;margin-bottom:13px;color:#56cfff;font-size:10px;font-weight:800}.qr-login-feature-list strong,.qr-login-feature-list small{display:block}.qr-login-feature-list strong{color:#f6faff;font-size:12px}.qr-login-feature-list small{margin-top:6px;color:#8da9ca;font-size:10px;line-height:1.45}.qr-login-hero-visual{position:relative;height:220px;max-width:700px;margin-top:24px}.qr-login-robot{position:absolute;bottom:-20px;left:50%;z-index:2;display:grid;place-items:center;transform:translate(-50%);filter:drop-shadow(0 22px 20px rgba(0,0,0,.25))}.qr-login-visual-ring{position:absolute;left:50%;border:1px solid rgba(91,213,255,.23);border-radius:50%;transform:translate(-50%)}.qr-login-visual-ring-one{bottom:0;width:275px;height:126px;background:radial-gradient(ellipse,rgba(61,199,255,.18),transparent 67%)}.qr-login-visual-ring-two{bottom:25px;width:410px;height:185px;opacity:.55}.qr-login-visual-card{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;min-width:170px;padding:11px 13px;border:1px solid rgba(143,213,255,.2);border-radius:13px;background:#0a1f3fc7;box-shadow:0 14px 34px #0000002e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.qr-login-visual-card-top{top:12px;left:8%}.qr-login-visual-card-bottom{right:7%;bottom:6px}.qr-login-visual-card>span{color:#5ee3ae;font-size:14px}.qr-login-visual-card-bottom>span{color:#84d8ff}.qr-login-visual-card strong,.qr-login-visual-card small{display:block}.qr-login-visual-card strong{color:#eff8ff;font-size:11px}.qr-login-visual-card small{margin-top:3px;color:#8eaaca;font-size:9px}.qr-login-card{align-self:center;padding:25px;border:1px solid rgba(183,219,255,.25);border-radius:25px;background:#f7fbfffa;color:#152740;box-shadow:0 26px 80px #00000052,0 0 0 8px #84c9ff0d}.qr-login-card-head,.qr-login-card-intro,.qr-login-actions,.qr-login-card-footer{display:flex;align-items:center}.qr-login-session-notice{display:flex;gap:10px;margin-bottom:16px;padding:12px 13px;border:1px solid #f4d296;border-radius:13px;color:#815419;background:#fff9ea}.qr-login-session-notice>span{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;color:#fff;background:#e8a43f;font-size:15px}.qr-login-session-notice strong,.qr-login-session-notice small{display:block}.qr-login-session-notice strong{font-size:10px}.qr-login-session-notice small{margin-top:3px;color:#987441;font-size:9px;line-height:1.4}.qr-login-card-head{justify-content:space-between;gap:16px}.qr-login-card-head h2{margin:7px 0 0;color:#11253f;font-size:23px;letter-spacing:-.035em}.qr-login-secure{display:flex;align-items:center;gap:5px;color:#149568;font-size:11px;font-weight:800}.qr-login-lock{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;color:#fff;background:#20bc7c;font-size:14px}.qr-login-card-intro{gap:11px;margin-top:22px}.qr-login-card-intro>div{display:grid;gap:3px}.qr-login-card-intro strong{color:#18324e;font-size:13px}.qr-login-card-intro small{color:#7c90a7;font-size:10px}.qr-whatsapp-mark,.qr-login-agent-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;color:#fff;background:#18bf76;font-size:20px;box-shadow:0 7px 17px #18bf7633}.qr-login-agent-icon{background:linear-gradient(135deg,#4e6aff,#7956eb);font-size:18px}.qr-login-panel{min-height:294px;margin-top:17px;padding:10px;border:1px solid #dbe9f3;border-radius:17px;background:#f8fbfe}.qr-login-code-wrap,.qr-login-placeholder,.qr-login-connected{min-height:274px;display:grid;place-items:center;align-content:center;gap:8px;text-align:center}.qr-login-code{padding:11px;border:1px solid #d4e3ed;border-radius:15px;background:#fff;box-shadow:0 10px 24px #2354701c}.qr-login-code img{display:block;width:218px;height:218px;image-rendering:pixelated}.qr-login-code-wrap strong,.qr-login-placeholder strong,.qr-login-connected strong{color:#183450;font-size:13px}.qr-login-code-wrap span,.qr-login-placeholder small,.qr-login-connected small{max-width:280px;color:#8295aa;font-size:10px;line-height:1.45}.qr-spinner{width:31px;height:31px;border:3px solid #d8e7f0;border-top-color:#1b91c9;border-radius:50%;animation:qr-spin .8s linear infinite}.qr-login-offline{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;color:#fff;background:#f29b46;font-size:24px;font-weight:800}.qr-login-connected>span{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;color:#fff;background:#20b879;font-size:28px;box-shadow:0 11px 24px #20b87933}@keyframes qr-spin{to{transform:rotate(360deg)}}.qr-login-browser-note{display:flex;gap:10px;margin-top:14px;padding:12px 13px;border:1px solid #cde7f5;border-radius:13px;background:#edf8fe}.qr-login-browser-note>span{color:#0d8bca;font-size:16px}.qr-login-browser-note strong,.qr-login-browser-note small{display:block}.qr-login-browser-note strong{color:#1a5374;font-size:10px}.qr-login-browser-note small{margin-top:4px;color:#6a879d;font-size:9px;line-height:1.45}.qr-login-setup{display:grid;gap:9px;margin-top:14px;padding:13px;border:1px solid #cce8f6;border-radius:14px;background:#eef9ff}.qr-login-setup>div{display:grid;gap:3px;margin-bottom:2px}.qr-login-setup strong{color:#153f61;font-size:12px}.qr-login-setup span{color:#6b879e;font-size:10px;line-height:1.4}.qr-login-card .input{min-height:40px;border-color:#d6e4ed;background:#fff;color:#1d324b}.qr-login-card .input:focus{border-color:#299bd0;box-shadow:0 0 0 3px #299bd01f}.qr-login-primary{width:100%;justify-content:center;min-height:42px;border-radius:10px;background:linear-gradient(135deg,#078dcc,#365ee4);box-shadow:0 9px 20px #177ccb33}.qr-login-primary:disabled{opacity:.6}.qr-login-error{margin-top:12px;padding:11px 13px;border:1px solid #ffcdd3;border-radius:11px;color:#b42335;background:#fff3f4;font-size:11px;line-height:1.45}.qr-login-actions{justify-content:space-between;gap:10px;margin-top:15px}.qr-login-actions .btn{min-height:36px}.qr-login-agent-link,.qr-login-back{border:0;padding:4px 0;color:#147ebd;background:transparent;font-size:11px;font-weight:750;cursor:pointer}.qr-login-agent-link:hover,.qr-login-back:hover{color:#0a598d}.qr-login-agent-form{display:grid;gap:15px;margin-top:26px}.qr-login-agent-form .field{display:grid;gap:7px}.qr-login-agent-form .field>span{color:#536b83;font-size:11px;font-weight:700}.qr-password-field{position:relative}.qr-password-field input{width:100%;padding-right:72px}.qr-password-field button{position:absolute;top:50%;right:11px;border:0;color:#1682bf;background:transparent;font-size:10px;font-weight:700;cursor:pointer;transform:translateY(-50%)}.qr-login-back{display:block;margin:20px auto 0}.qr-login-card-footer{justify-content:space-between;gap:8px;margin-top:20px;padding-top:15px;border-top:1px solid #e5edf3;color:#98a9b8;font-size:9px}.qr-login-footer{display:flex;justify-content:space-between;gap:18px;padding-top:3px;color:#7893b3;font-size:10px}@media (max-width: 1040px){.qr-login-layout{gap:38px;grid-template-columns:minmax(0,1fr) minmax(360px,430px)}.qr-login-hero h1{font-size:clamp(38px,5vw,56px)}.qr-login-feature-list>div{padding:12px}}@media (max-width: 820px){.qr-login-shell{padding:20px}.qr-login-layout{grid-template-columns:1fr;min-height:auto;padding:46px 0 30px}.qr-login-hero h1{max-width:620px;font-size:clamp(38px,9vw,58px)}.qr-login-hero-visual{display:none}.qr-login-card{width:min(500px,100%);justify-self:center}.qr-login-footer{flex-wrap:wrap}}@media (max-width: 520px){.qr-login-shell{padding:16px}.qr-login-topbar-meta{display:none}.qr-login-layout{padding-top:34px}.qr-login-feature-list{grid-template-columns:1fr}.qr-login-feature-list>div{min-height:auto}.qr-login-card{padding:18px;border-radius:20px}.qr-login-card-footer{align-items:flex-start;flex-direction:column}.qr-login-footer{flex-direction:column;gap:5px}}.page-shell{height:100%;overflow-y:auto;padding:26px 32px 40px;box-sizing:border-box;display:flex;flex-direction:column;gap:20px}.page-shell>*{flex-shrink:0;width:100%;max-width:1320px;margin-left:auto;margin-right:auto}.page-shell.is-narrow>*{max-width:860px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-header-main{display:flex;align-items:center;gap:14px;min-width:0}.page-header-icon{width:46px;height:46px;flex-shrink:0;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);box-shadow:0 8px 20px var(--primary-soft)}.page-header-icon svg{width:22px;height:22px}.page-header-text{min-width:0}.page-title{margin:0;font-size:22px;font-weight:800;letter-spacing:-.01em;color:var(--text-main);line-height:1.2}.page-subtitle{margin:3px 0 0;font-size:13px;color:var(--text-dim)}.page-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.page-header-actions .input{width:auto;padding:9px 14px;font-size:13px;font-weight:600;background:var(--bg-surface);border-color:var(--border-color);color:var(--text-main)}.page-header-actions .btn{padding:10px 16px;font-size:13px;border-radius:11px;white-space:nowrap}.page-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.page-stat{--tone: var(--primary-glow);--tone-soft: var(--primary-soft);position:relative;overflow:hidden;padding:16px 18px;border-radius:16px;background:var(--bg-surface);border:1px solid var(--border-color);box-shadow:var(--shadow-app)}.page-stat:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--tone)}.page-stat-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.page-stat-label{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.page-stat-icon{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--tone);background:var(--tone-soft)}.page-stat-icon svg{width:17px;height:17px}.page-stat-value{margin-top:8px;font-size:26px;font-weight:900;letter-spacing:-.02em;color:var(--text-main);line-height:1.1}.page-stat-hint{margin-top:4px;font-size:12px;color:var(--text-dim)}.tone-success{--tone: #10b981;--tone-soft: rgba(16, 185, 129, .14)}.tone-warning{--tone: #f59e0b;--tone-soft: rgba(245, 158, 11, .15)}.tone-danger{--tone: #ef4444;--tone-soft: rgba(239, 68, 68, .14)}.tone-violet{--tone: #8b5cf6;--tone-soft: rgba(139, 92, 246, .16)}.tone-neutral{--tone: var(--text-muted);--tone-soft: var(--bg-surface-2)}.tone-primary{--tone: var(--primary-glow);--tone-soft: var(--primary-soft)}.page-panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:18px;box-shadow:var(--shadow-app);padding:18px 20px;overflow:hidden}.page-panel.is-flush{padding:0}.page-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px}.page-panel.is-flush .page-panel-head{padding:16px 20px 12px}.page-panel-title{margin:0;font-size:15px;font-weight:800;color:var(--text-main)}.page-table-wrap{overflow-x:auto}.page-shell table{width:100%;border-collapse:collapse;font-size:13.5px}.page-shell th{text-align:left;padding:11px 16px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);background:var(--bg-surface-2);border-bottom:1px solid var(--border-color);white-space:nowrap}.page-shell td{padding:12px 16px;color:var(--text-main);border-bottom:1px solid var(--border-subtle);vertical-align:middle}.page-shell tbody tr{transition:background .12s}.page-shell tbody tr:hover{background:var(--bg-surface-2)}.page-shell tbody tr:last-child td{border-bottom:none}.page-shell td.num,.page-shell th.num{text-align:right;font-variant-numeric:tabular-nums}.page-shell td.actions{text-align:right;white-space:nowrap}.page-shell td.actions .btn+.btn{margin-left:6px}.page-shell .btn.secondary.small{background:transparent;border-color:var(--border-color);color:var(--text-muted)}.page-shell .btn.secondary.small:hover{color:var(--primary-text);border-color:var(--primary-glow);background:var(--primary-soft)}.page-muted{color:var(--text-dim)}.page-strong{font-weight:800}.page-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:700;white-space:nowrap;color:var(--tone);background:var(--tone-soft)}.page-pill-dot{width:6px;height:6px;border-radius:999px;background:currentColor}.page-person{display:flex;align-items:center;gap:10px;min-width:0}.page-person-avatar{width:34px;height:34px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%)}.page-person-avatar.has-image{overflow:hidden;background:var(--surface-soft)}.page-person-avatar.has-image img{width:100%;height:100%;object-fit:cover;display:block}.page-person-text{min-width:0}.page-person-name{font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-person-detail{font-size:12px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-chips{display:flex;gap:6px;flex-wrap:wrap}.page-chip{padding:6px 12px;border-radius:999px;border:1px solid var(--border-color);background:transparent;color:var(--text-muted);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.page-chip:hover{color:var(--text-main);background:var(--bg-surface-2)}.page-chip.active{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%)}.page-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.page-card{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:16px;background:var(--bg-surface);border:1px solid var(--border-color);box-shadow:var(--shadow-app);transition:border-color .15s,transform .15s}.page-card:hover{border-color:var(--primary-glow);transform:translateY(-1px)}.page-card-title{margin:0;font-size:15px;font-weight:800;color:var(--text-main)}.page-card-text{margin:2px 0 0;font-size:12.5px;color:var(--text-dim)}.page-card-footer{display:flex;gap:6px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--border-subtle)}.page-avatar-stack{display:flex;align-items:center}.page-avatar-stack .page-person-avatar{width:28px;height:28px;font-size:10.5px;border:2px solid var(--bg-surface);margin-left:-8px}.page-avatar-stack .page-person-avatar:first-child{margin-left:0}.page-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:40px 20px}.page-empty-icon{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--primary-glow);background:var(--primary-soft);margin-bottom:6px}.page-empty-icon svg{width:24px;height:24px}.page-empty-title{font-size:15px;font-weight:800;color:var(--text-main)}.page-empty-text{margin:0 0 8px;font-size:13px;color:var(--text-dim)}.page-skeleton{display:flex;flex-direction:column;gap:10px;padding:18px 20px}.page-skeleton-row{height:42px;border-radius:10px;background:linear-gradient(90deg,var(--bg-surface-2) 25%,var(--bg-surface-hover) 50%,var(--bg-surface-2) 75%);background-size:200% 100%;animation:page-shimmer 1.3s infinite linear}@keyframes page-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 760px){.page-shell{padding:18px 16px 32px}.page-title{font-size:19px}.page-header-actions{width:100%}.page-header-actions .btn{flex:1;justify-content:center}}.campaign-page{min-height:100%}.campaign-page-header{margin-bottom:-4px}.campaign-header-icon{background:linear-gradient(135deg,#059669,#0284c7);font-size:23px}.campaign-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;border:1px solid rgba(56,189,248,.2);border-radius:18px;background:radial-gradient(circle at 90% 10%,rgba(16,185,129,.2),transparent 32%),linear-gradient(130deg,var(--bg-surface),var(--bg-surface-2));box-shadow:var(--shadow-app)}.campaign-hero:after{content:"";position:absolute;right:-60px;bottom:-88px;width:240px;height:180px;border:28px solid rgba(56,189,248,.08);border-radius:50%;pointer-events:none}.campaign-eyebrow{color:var(--primary-text);font-size:10px;font-weight:800;letter-spacing:.14em}.campaign-hero h2{position:relative;z-index:1;margin:6px 0 5px;color:var(--text-main);font-size:22px;letter-spacing:-.02em}.campaign-hero p{position:relative;z-index:1;max-width:640px;margin:0;color:var(--text-muted);font-size:13px}.campaign-hero-badge{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;flex-shrink:0;padding:9px 13px;border:1px solid rgba(16,185,129,.3);border-radius:999px;background:var(--success-soft);color:var(--success);font-size:11px;font-weight:800}.campaign-live-dot{width:7px;height:7px;border-radius:99px;background:currentColor;box-shadow:0 0 8px currentColor}.campaign-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.campaign-stat{--stat-color: var(--primary-glow);--stat-soft: var(--primary-soft);position:relative;overflow:hidden;min-width:0;padding:15px 17px;border:1px solid var(--border-color);border-radius:15px;background:var(--bg-surface);box-shadow:var(--shadow-app)}.campaign-stat:before{content:"";position:absolute;top:0;bottom:0;left:0;width:3px;background:var(--stat-color)}.campaign-stat-top{display:flex;align-items:center;justify-content:space-between;color:var(--text-muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.campaign-stat-top b{display:grid;width:28px;height:28px;place-items:center;border-radius:9px;background:var(--stat-soft);color:var(--stat-color);font-size:16px}.campaign-stat>strong{display:block;margin-top:12px;color:var(--text-main);font-size:25px;line-height:1}.campaign-stat>small{display:block;margin-top:7px;overflow:hidden;color:var(--text-dim);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.campaign-stat.tone-blue{--stat-color: #38bdf8;--stat-soft: rgba(56, 189, 248, .15)}.campaign-stat.tone-purple{--stat-color: #c084fc;--stat-soft: rgba(168, 85, 247, .15)}.campaign-stat.tone-cyan{--stat-color: #06b6d4;--stat-soft: rgba(6, 182, 212, .15)}.campaign-stat.tone-green{--stat-color: #10b981;--stat-soft: rgba(16, 185, 129, .15)}.campaign-stat.tone-orange{--stat-color: #f59e0b;--stat-soft: rgba(245, 158, 11, .15)}.campaign-toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-top:4px}.campaign-toolbar h2{margin:0;color:var(--text-main);font-size:17px}.campaign-toolbar p{margin:4px 0 0;color:var(--text-dim);font-size:12px}.campaign-filter-tabs{display:flex;gap:3px;padding:3px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-surface)}.campaign-filter-tabs button{padding:7px 10px;border:0;border-radius:7px;background:transparent;color:var(--text-dim);cursor:pointer;font-size:11px;font-weight:700}.campaign-filter-tabs button.active,.campaign-filter-tabs button:hover{background:var(--primary-soft);color:var(--primary-text)}.campaign-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:14px}.campaign-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--border-color);border-radius:16px;background:var(--bg-surface);box-shadow:var(--shadow-app);transition:border-color .16s ease,transform .16s ease}.campaign-card:hover{border-color:var(--primary-glow);transform:translateY(-2px)}.campaign-card-main{width:100%;padding:16px 17px 13px;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left}.campaign-card-heading{display:flex;align-items:center;gap:9px}.campaign-card-symbol{display:grid;width:34px;height:34px;flex-shrink:0;place-items:center;border-radius:10px;background:var(--primary-soft);color:var(--primary-text);font-size:17px}.campaign-card-title{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.campaign-card-title strong{overflow:hidden;color:var(--text-main);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.campaign-card-title span,.campaign-card-meta,.campaign-speed-label{color:var(--text-dim);font-size:10.5px}.campaign-status{display:inline-flex;flex-shrink:0;padding:4px 8px;border-radius:999px;color:#fff;font-size:9.5px;font-weight:800}.campaign-card-message{display:-webkit-box;min-height:38px;margin:14px 0 10px;overflow:hidden;color:var(--text-muted);font-size:12px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.campaign-card-meta{display:flex;justify-content:space-between;gap:8px}.campaign-card-meta span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.campaign-progress{height:5px;margin:13px 0 10px;overflow:hidden;border-radius:99px;background:var(--bg-surface-2)}.campaign-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0284c7,#10b981);transition:width .3s ease}.campaign-card-counts{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;color:var(--text-dim);font-size:10px}.campaign-card-counts span{display:flex;flex-direction:column;gap:2px}.campaign-card-counts b{color:var(--text-main);font-size:13px}.campaign-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;border-top:1px solid var(--border-subtle);background:var(--bg-surface-2)}.campaign-card-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.campaign-empty{display:flex;align-items:center;justify-content:center;gap:10px;min-height:110px;color:var(--text-dim);font-size:13px}.campaign-empty-large{min-height:230px;flex-direction:column;gap:7px;padding:30px;border:1px dashed var(--border-color);border-radius:17px;text-align:center}.campaign-empty-large strong{color:var(--text-main);font-size:15px}.campaign-empty-large span{color:var(--text-dim);font-size:12px}.campaign-empty-icon{color:var(--primary-text);font-size:28px}.campaign-spinner{width:16px;height:16px;border:2px solid var(--border-color);border-top-color:var(--primary-glow);border-radius:50%;animation:campaign-spin .8s linear infinite}@keyframes campaign-spin{to{transform:rotate(360deg)}}.campaign-alert{padding:10px 12px;border-radius:10px;font-size:12px}.campaign-alert.error{border:1px solid rgba(239,68,68,.35);background:var(--danger-soft);color:var(--danger)}.campaign-modal{max-width:920px;max-height:calc(100vh - 34px);overflow-y:auto;background:var(--bg-surface);border-color:var(--border-color);color:var(--text-main)}.campaign-create-modal{max-width:900px}.campaign-detail-modal{max-width:1100px}.campaign-modal-intro{display:flex;align-items:flex-start;gap:11px;margin-bottom:18px;padding:12px 14px;border:1px solid rgba(56,189,248,.2);border-radius:12px;background:var(--primary-soft)}.campaign-modal-intro>span{color:var(--primary-text);font-size:20px}.campaign-modal-intro strong{color:var(--text-main);font-size:13px}.campaign-modal-intro p{margin:3px 0 0;color:var(--text-muted);font-size:11.5px}.campaign-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.campaign-form-section{margin:18px 0}.campaign-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px}.campaign-section-heading h3{margin:0;color:var(--text-main);font-size:13px}.campaign-section-heading p{margin:3px 0 0;color:var(--text-dim);font-size:11px}.campaign-audience-count,.campaign-rate-summary{flex-shrink:0;padding:5px 9px;border-radius:999px;background:var(--success-soft);color:var(--success);font-size:10px;font-weight:800}.campaign-rate-summary{background:var(--primary-soft);color:var(--primary-text)}.campaign-message-input{min-height:105px;resize:vertical}.campaign-emoji-row{display:flex;align-items:center;gap:5px;margin-top:7px;color:var(--text-dim);font-size:11px}.campaign-emoji-row button{width:27px;height:25px;padding:0;border:1px solid var(--border-color);border-radius:7px;background:var(--bg-surface-2);cursor:pointer;font-size:14px}.campaign-emoji-row button:hover{border-color:var(--primary-glow);transform:translateY(-1px)}.campaign-personalization{margin-top:12px;padding:12px;border:1px solid rgba(56,189,248,.2);border-radius:12px;background:var(--primary-soft)}.campaign-personalization-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.campaign-personalization-heading strong,.campaign-personalization-heading small{display:block}.campaign-personalization-heading strong{color:var(--text-main);font-size:12px}.campaign-personalization-heading small{margin-top:3px;color:var(--text-muted);font-size:10.5px}.campaign-preview-selector{display:flex;align-items:center;gap:6px;flex-shrink:0;color:var(--text-dim);font-size:10px;font-weight:700}.campaign-preview-selector select{max-width:155px;padding:5px 7px;border:1px solid var(--border-color);border-radius:7px;background:var(--bg-surface);color:var(--text-main);font-size:10px}.campaign-variable-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.campaign-variable-chip{padding:5px 7px;border:1px solid var(--border-color);border-radius:7px;background:var(--bg-surface);color:var(--primary-text);cursor:pointer;font-size:10px;font-weight:800}.campaign-variable-chip:hover{border-color:var(--primary-glow);background:var(--bg-surface-hover)}.campaign-variable-chip code{margin-left:3px;color:var(--text-muted);font-size:9px;font-weight:600}.campaign-preview-bubble{margin-top:10px;padding:9px 11px;border:1px solid var(--border-subtle);border-radius:9px;background:var(--bg-surface)}.campaign-preview-bubble span{color:var(--text-dim);font-size:9.5px;font-weight:700}.campaign-preview-bubble p{margin:5px 0 0;color:var(--text-main);font-size:11.5px;line-height:1.45;white-space:pre-wrap}.campaign-audience-tools{display:flex;gap:8px;margin-bottom:9px}.campaign-audience-tools .input{flex:1}.campaign-sync-success{margin:-2px 0 8px;color:var(--success);font-size:10.5px;font-weight:700}.campaign-tags{display:flex;flex-wrap:wrap;gap:6px;min-height:28px;margin-bottom:10px}.campaign-tag{padding:6px 9px;border:1px solid var(--border-color);border-radius:999px;background:var(--bg-surface-2);color:var(--text-muted);cursor:pointer;font-size:11px;font-weight:700}.campaign-tag.active,.campaign-tag:hover{border-color:var(--primary-glow);background:var(--primary-soft);color:var(--primary-text)}.campaign-contact-picker{display:grid;max-height:210px;overflow-y:auto;gap:4px;padding:4px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-surface-2)}.campaign-contact-row{display:flex;align-items:center;gap:9px;padding:7px 9px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--text-main);cursor:pointer;text-align:left}.campaign-contact-row:hover{background:var(--bg-surface-hover)}.campaign-contact-row.selected{border-color:#10b98161;background:var(--success-soft)}.campaign-contact-row:disabled{cursor:not-allowed;opacity:.5}.campaign-check{display:grid;width:17px;height:17px;flex-shrink:0;place-items:center;border:1px solid var(--border-color);border-radius:5px;color:#fff;background:var(--bg-surface);font-size:11px;font-weight:900}.campaign-contact-row.selected .campaign-check{border-color:var(--success);background:var(--success)}.campaign-avatar{display:grid;width:29px;height:29px;flex-shrink:0;place-items:center;border-radius:50%;background:var(--primary-soft);color:var(--primary-text);font-size:9px;font-weight:900}.campaign-contact-name,.campaign-recipient-person{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}.campaign-contact-name b,.campaign-recipient-person b{overflow:hidden;color:var(--text-main);font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}.campaign-contact-name small,.campaign-recipient-person small{overflow:hidden;color:var(--text-dim);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.campaign-picker-loading{padding:18px;color:var(--text-dim);font-size:12px;text-align:center}.campaign-field-hint{display:block;margin-top:5px;color:var(--text-dim);font-size:10.5px}.campaign-field-hint.warning{color:var(--warning)}.campaign-session-tools{display:flex;align-items:center;gap:9px;margin-top:6px}.campaign-session-tools span{color:var(--success);font-size:10px;font-weight:800}.campaign-inline-button{padding:0;border:0;background:transparent;color:var(--primary-text);cursor:pointer;font-size:10.5px;font-weight:700}.campaign-inline-button:disabled{cursor:wait;opacity:.6}.campaign-speed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.campaign-speed-option{display:flex;align-items:flex-start;gap:9px;padding:12px 11px;border:1px solid rgba(16,185,129,.2);border-radius:14px;background:transparent;color:var(--text-main);cursor:pointer;text-align:left;transition:border-color .15s ease,background .15s ease}.campaign-speed-option:hover{border-color:var(--primary-glow);background:var(--primary-soft)}.campaign-speed-option.selected{border:2px solid #10b981;padding:11px 10px;background:#10b98114}.campaign-radio{width:17px;color:var(--success);font-size:13px;line-height:18px}.campaign-speed-icon{font-size:17px;line-height:18px}.campaign-speed-copy{display:flex;min-width:0;flex:1;flex-wrap:wrap;align-items:center;gap:5px}.campaign-speed-copy b{color:var(--text-main);font-size:12px}.campaign-speed-copy em{padding:2px 5px;border-radius:5px;background:var(--success-soft);color:var(--success);font-size:9px;font-style:normal;font-weight:800}.campaign-speed-copy small{width:100%;margin-top:1px;color:var(--text-dim);font-size:10.5px;line-height:1.35}.campaign-file-input{width:100%;padding:9px;border:1px dashed var(--border-color);border-radius:9px;background:var(--bg-surface-2);color:var(--text-muted);font-size:11px}.campaign-safety-note{display:flex;align-items:flex-start;gap:9px;margin-top:13px;padding:10px 12px;border:1px solid rgba(245,158,11,.25);border-radius:10px;background:#f59e0b14}.campaign-safety-note>span{font-size:16px}.campaign-safety-note p{margin:0;color:var(--text-muted);font-size:10.5px;line-height:1.45}.campaign-safety-note b{color:var(--warning)}.campaign-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.campaign-wizard{display:flex;flex-direction:column;gap:14px}.campaign-wizard-intro{display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid rgba(56,189,248,.2);border-radius:12px;background:var(--primary-soft)}.campaign-wizard-intro-icon{color:var(--primary-text);font-size:20px}.campaign-wizard-intro strong{color:var(--text-main);font-size:13px}.campaign-wizard-intro p{margin:3px 0 0;color:var(--text-muted);font-size:11.5px}.campaign-wizard-draft-badge{margin-left:auto;padding:6px 9px;border:1px solid rgba(16,185,129,.24);border-radius:999px;background:var(--success-soft);color:var(--success);font-size:10px;font-weight:800;white-space:nowrap}.campaign-wizard-progress{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;padding:2px 0 5px}.campaign-wizard-step{display:flex;min-width:0;align-items:center;gap:6px;padding:6px 4px;border-bottom:2px solid var(--border-color);color:var(--text-dim)}.campaign-wizard-step>span{display:grid;width:20px;height:20px;flex-shrink:0;place-items:center;border:1px solid var(--border-color);border-radius:50%;background:var(--bg-surface-2);font-size:10px;font-weight:800}.campaign-wizard-step small{overflow:hidden;font-size:9.5px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.campaign-wizard-step.active{border-bottom-color:var(--primary-text);color:var(--primary-text)}.campaign-wizard-step.active>span{border-color:var(--primary-text);background:var(--primary-soft);color:var(--primary-text)}.campaign-wizard-step.completed{border-bottom-color:var(--success);color:var(--success)}.campaign-wizard-step.completed>span{border-color:var(--success);background:var(--success);color:#fff}.campaign-wizard-heading{padding:2px 2px 0}.campaign-wizard-heading>span{color:var(--primary-text);font-size:9px;font-weight:900;letter-spacing:.12em}.campaign-wizard-heading h2{margin:3px 0 0;color:var(--text-main);font-size:19px}.campaign-wizard-heading p{margin:4px 0 0;color:var(--text-muted);font-size:11px}.campaign-wizard-panel{padding:16px;border:1px solid var(--border-color);border-radius:14px;background:var(--bg-surface-2)}.campaign-wizard-panel-heading{display:flex;align-items:flex-start;gap:10px;margin-bottom:15px}.campaign-wizard-panel-icon{display:grid;width:30px;height:30px;flex-shrink:0;place-items:center;border-radius:9px;background:var(--primary-soft);color:var(--primary-text);font-size:10px;font-weight:900}.campaign-wizard-panel-heading h3{margin:1px 0 0;color:var(--text-main);font-size:14px}.campaign-wizard-panel-heading p{margin:4px 0 0;color:var(--text-dim);font-size:11px;line-height:1.4}.campaign-wizard-panel-heading .campaign-audience-count,.campaign-wizard-panel-heading .campaign-rate-summary{margin-left:auto}.campaign-wizard-info-card{display:flex;align-items:flex-start;gap:9px;margin-top:15px;padding:11px 12px;border:1px solid rgba(16,185,129,.22);border-radius:10px;background:var(--success-soft)}.campaign-wizard-info-card>span{color:var(--success);font-weight:900}.campaign-wizard-info-card strong,.campaign-wizard-info-card small{display:block}.campaign-wizard-info-card strong{color:var(--text-main);font-size:11px}.campaign-wizard-info-card small{margin-top:3px;color:var(--text-muted);font-size:10px;line-height:1.35}.campaign-wizard-attachment{margin-top:15px;padding:12px;border:1px dashed var(--border-color);border-radius:11px;background:var(--bg-surface)}.campaign-wizard-attachment>div:first-child strong,.campaign-wizard-attachment>div:first-child small{display:block}.campaign-wizard-attachment>div:first-child strong{color:var(--text-main);font-size:12px}.campaign-wizard-attachment>div:first-child small{margin-top:3px;color:var(--text-dim);font-size:10px}.campaign-wizard-attachment .campaign-file-input{margin-top:9px}.campaign-selected-file{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 9px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-surface-2)}.campaign-selected-file>span{color:var(--primary-text);font-size:17px}.campaign-selected-file div{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}.campaign-selected-file b{overflow:hidden;color:var(--text-main);font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}.campaign-selected-file small{color:var(--text-dim);font-size:9.5px}.campaign-selected-file button{width:23px;height:23px;border:0;border-radius:50%;background:var(--danger-soft);color:var(--danger);cursor:pointer;font-size:16px;line-height:1}.campaign-personalization-large{margin-top:0}.campaign-wizard-tip{display:flex;align-items:flex-start;gap:8px;margin-top:14px;padding:10px 11px;border:1px solid rgba(56,189,248,.22);border-radius:10px;background:var(--primary-soft)}.campaign-wizard-tip>span{font-size:15px}.campaign-wizard-tip p{margin:0;color:var(--text-muted);font-size:10.5px;line-height:1.45}.campaign-wizard-tip b{color:var(--text-main)}.campaign-campaign-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.campaign-campaign-type{display:flex;align-items:flex-start;gap:10px;padding:14px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-surface);color:var(--text-main);cursor:pointer;text-align:left;transition:border-color .15s ease,background .15s ease,transform .15s ease}.campaign-campaign-type:hover{border-color:var(--primary-glow);transform:translateY(-1px)}.campaign-campaign-type.selected{border:2px solid var(--primary-text);padding:13px;background:var(--primary-soft)}.campaign-campaign-type>span{display:grid;width:27px;height:27px;flex-shrink:0;place-items:center;border-radius:8px;background:var(--primary-soft);color:var(--primary-text);font-size:12px}.campaign-campaign-type strong,.campaign-campaign-type small{display:block}.campaign-campaign-type strong{font-size:12px}.campaign-campaign-type small{margin-top:4px;color:var(--text-dim);font-size:10.5px;line-height:1.4}.campaign-schedule-field{max-width:440px;margin-top:15px}.campaign-review-panel{background:linear-gradient(180deg,var(--bg-surface-2),var(--bg-surface))}.campaign-review-status{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid rgba(16,185,129,.24);border-radius:10px;background:var(--success-soft)}.campaign-review-status>span{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;background:var(--success);color:#fff;font-size:15px}.campaign-review-status strong,.campaign-review-status small{display:block}.campaign-review-status strong{color:var(--text-main);font-size:12px}.campaign-review-status small{margin-top:3px;color:var(--text-muted);font-size:10px}.campaign-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.campaign-review-grid>div{min-width:0;padding:10px;border:1px solid var(--border-color);border-radius:9px;background:var(--bg-surface)}.campaign-review-grid span,.campaign-review-grid strong,.campaign-review-grid small{display:block}.campaign-review-grid span{color:var(--text-dim);font-size:8.5px;font-weight:900;letter-spacing:.08em}.campaign-review-grid strong{overflow:hidden;margin-top:4px;color:var(--text-main);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.campaign-review-grid small{overflow:hidden;margin-top:3px;color:var(--text-dim);font-size:9.5px;text-overflow:ellipsis;white-space:nowrap}.campaign-review-message{margin-top:12px;padding:11px 12px;border:1px solid var(--border-subtle);border-radius:10px;background:var(--bg-surface)}.campaign-review-message>span{color:var(--text-dim);font-size:8.5px;font-weight:900;letter-spacing:.08em}.campaign-review-message p{margin:6px 0 0;color:var(--text-main);font-size:11.5px;line-height:1.5;white-space:pre-wrap}.campaign-review-confirm{display:flex;align-items:flex-start;gap:8px;margin-top:13px;color:var(--text-muted);cursor:pointer;font-size:10.5px;line-height:1.4}.campaign-review-confirm input{width:15px;height:15px;flex-shrink:0;margin:0;accent-color:var(--success)}.campaign-wizard-error{margin-top:0}.campaign-wizard-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:13px;border-top:1px solid var(--border-color)}.campaign-wizard-actions{display:flex;gap:8px}.campaign-detail-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.campaign-detail-subtitle{margin:5px 0 0;color:var(--text-dim);font-size:11px}.campaign-detail-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:14px}.campaign-detail-kpi{padding:10px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-surface-2)}.campaign-detail-kpi span{display:block;color:var(--text-dim);font-size:10px}.campaign-detail-kpi strong{display:block;margin-top:4px;color:var(--text-main);font-size:19px}.campaign-detail-kpi.blue strong{color:#38bdf8}.campaign-detail-kpi.green strong{color:var(--success)}.campaign-detail-kpi.purple strong{color:#c084fc}.campaign-detail-kpi.orange strong{color:var(--warning)}.campaign-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:14px}.campaign-detail-main{display:grid;gap:12px}.campaign-detail-message,.campaign-history-section,.campaign-aside-card{padding:14px;border:1px solid var(--border-color);border-radius:13px;background:var(--bg-surface-2)}.campaign-detail-speed{flex-shrink:0;padding:5px 8px;border-radius:7px;background:var(--primary-soft);color:var(--primary-text);font-size:10px;font-weight:800}.campaign-message-preview{padding:12px;border:1px solid var(--border-subtle);border-radius:10px;background:var(--bg-surface);color:var(--text-main);font-size:12px;line-height:1.55;white-space:pre-wrap}.campaign-history-filter{width:auto;min-width:120px;padding:6px 8px;font-size:10px}.campaign-recipient-table{display:grid;max-height:315px;overflow-y:auto;gap:4px}.campaign-recipient-row{display:flex;align-items:center;gap:8px;padding:7px;border-radius:8px;background:var(--bg-surface)}.campaign-recipient-status{min-width:63px;padding:3px 6px;border-radius:999px;text-align:center;font-size:9px;font-weight:800}.campaign-recipient-status.pending{background:#94a3b824;color:var(--text-muted)}.campaign-recipient-status.sent{background:var(--primary-soft);color:var(--primary-text)}.campaign-recipient-status.delivered,.campaign-recipient-status.read{background:var(--success-soft);color:var(--success)}.campaign-recipient-status.failed{background:var(--danger-soft);color:var(--danger)}.campaign-recipient-time{min-width:115px;color:var(--text-dim);font-size:9px;text-align:right}.campaign-recipient-time small{color:var(--danger)}.campaign-detail-aside{display:flex;flex-direction:column;gap:12px}.campaign-aside-label{display:block;color:var(--text-dim);font-size:9px;font-weight:800;letter-spacing:.1em}.campaign-aside-card strong{display:block;margin-top:4px;color:var(--text-main);font-size:13px}.campaign-aside-card p{margin:4px 0 0;color:var(--text-muted);font-size:11px;line-height:1.4}.campaign-aside-divider{height:1px;margin:13px 0;background:var(--border-color)}.campaign-aside-actions{display:flex;flex-direction:column;gap:7px}.campaign-aside-actions .btn{justify-content:center}.campaign-danger-link{border:0;background:transparent;color:var(--danger);cursor:pointer;font-size:11px}@media (max-width: 1000px){.campaign-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.campaign-detail-layout{grid-template-columns:1fr}.campaign-detail-aside{display:grid;grid-template-columns:1fr 1fr;align-items:start}}@media (max-width: 700px){.campaign-page{padding:18px 14px 28px}.campaign-hero{align-items:flex-start;flex-direction:column;padding:19px}.campaign-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-toolbar{align-items:flex-start;flex-direction:column}.campaign-filter-tabs{width:100%;overflow-x:auto}.campaign-filter-tabs button{flex-shrink:0}.campaign-form-grid,.campaign-speed-grid,.campaign-campaign-type-grid,.campaign-review-grid{grid-template-columns:1fr}.campaign-personalization-heading{flex-direction:column}.campaign-preview-selector{width:100%;justify-content:space-between}.campaign-preview-selector select{max-width:none;flex:1}.campaign-audience-tools{align-items:stretch;flex-direction:column}.campaign-wizard-intro{align-items:flex-start;flex-wrap:wrap}.campaign-wizard-draft-badge{margin-left:31px}.campaign-wizard-progress{gap:3px}.campaign-wizard-step{justify-content:center}.campaign-wizard-step small{display:none}.campaign-wizard-panel{padding:13px}.campaign-wizard-footer{align-items:stretch;flex-direction:column-reverse}.campaign-wizard-footer>.btn,.campaign-wizard-actions{width:100%}.campaign-wizard-actions{justify-content:flex-end}.campaign-detail-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.campaign-detail-aside{grid-template-columns:1fr}.campaign-recipient-time{display:none}}.api-portal-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px;padding:26px 30px;border:1px solid rgba(56,189,248,.22);border-radius:18px;background:radial-gradient(circle at 90% 20%,rgba(14,165,233,.24),transparent 38%),linear-gradient(135deg,#0e1a38fa,#14244deb);box-shadow:0 18px 38px #02081729}.api-eyebrow{color:var(--primary-text);font-size:10px;font-weight:800;letter-spacing:.14em}.api-portal-hero h2{margin:6px 0 5px;color:var(--text-main);font-size:24px}.api-portal-hero p{max-width:650px;margin:0;color:var(--text-muted);font-size:12px;line-height:1.6}.api-connection-badge{display:flex;min-width:170px;flex-direction:column;gap:3px;padding:12px 14px;border:1px solid rgba(245,158,11,.3);border-radius:12px;background:#f59e0b1a;color:var(--warning);font-size:11px;font-weight:800}.api-connection-badge.connected{border-color:#10b98152;background:#10b9811a;color:var(--success)}.api-connection-badge span{font-size:18px;line-height:18px}.api-connection-badge small{color:var(--text-muted);font-size:10px;font-weight:500}.api-portal-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:16px;margin-top:16px}.api-panel-hint{color:var(--text-dim);font-size:10px}.api-create-row{display:flex;gap:8px;margin-bottom:14px}.api-create-row .input{flex:1}.api-secret-box{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px;padding:13px;border:1px solid rgba(16,185,129,.38);border-radius:12px;background:var(--success-soft)}.api-secret-box b{color:var(--success);font-size:12px}.api-secret-box p{margin:3px 0 7px;color:var(--text-muted);font-size:10px}.api-secret-box code{display:block;overflow-x:auto;color:var(--text-main);font-size:11px}.api-key-list{display:grid;gap:7px}.api-key-row{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--border-color);border-radius:11px;background:var(--bg-surface-2)}.api-key-row.revoked{opacity:.62}.api-key-icon{display:grid;width:28px;height:28px;flex-shrink:0;place-items:center;border-radius:8px;background:var(--primary-soft);color:var(--primary-text);font-weight:900}.api-key-main{display:grid;min-width:0;flex:1;gap:3px}.api-key-main strong{color:var(--text-main);font-size:11px}.api-key-main code{overflow:hidden;color:var(--primary-text);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.api-key-main small{overflow:hidden;color:var(--text-dim);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.api-revoke{border:0;background:transparent;color:var(--danger);cursor:pointer;font-size:10px;font-weight:700}.api-empty,.api-muted{padding:12px 0;color:var(--text-dim);font-size:11px}.api-tenant-card{display:flex;align-items:flex-start;gap:10px;margin-bottom:15px;padding:12px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-surface-2)}.api-tenant-icon{display:grid;width:32px;height:32px;flex-shrink:0;place-items:center;border-radius:10px;background:var(--success-soft);color:var(--success);font-size:18px}.api-tenant-card strong{color:var(--text-main);font-size:12px}.api-tenant-card p{margin:4px 0 0;color:var(--text-muted);font-size:10.5px;line-height:1.45}.api-session-row{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid var(--border-subtle)}.api-session-dot{width:8px;height:8px;border-radius:50%;background:var(--text-dim);box-shadow:0 0 0 4px #94a3b81a}.api-session-dot.connected{background:var(--success);box-shadow:0 0 0 4px #10b9811f}.api-session-dot.qr,.api-session-dot.connecting{background:var(--warning)}.api-session-row div{display:grid;gap:2px}.api-session-row strong{color:var(--text-main);font-size:11px}.api-session-row small{color:var(--text-dim);font-size:10px}.api-security-note{margin:14px 0 0;color:var(--text-muted);font-size:10px;line-height:1.5}.api-tester-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px}.api-tester-form{display:grid;gap:7px}.api-field-label{color:var(--text-muted);font-size:10px;font-weight:800}.api-form-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}.api-form-two>div{display:grid;gap:7px}.api-tester-textarea{min-height:88px;resize:vertical}.api-file{padding:8px;font-size:10px}.api-check{display:flex;align-items:center;gap:7px;color:var(--text-muted);font-size:11px}.api-response-panel{min-width:0;overflow:hidden;border:1px solid rgba(56,189,248,.2);border-radius:12px;background:#07111f}.api-response-top{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid rgba(148,163,184,.14);color:#dbeafe;font-size:11px;font-weight:800}.api-response-top code{color:#67e8f9;font-size:10px}.api-response-panel pre{min-height:212px;max-height:330px;margin:0;overflow:auto;padding:13px;color:#a7f3d0;font-family:SFMono-Regular,Consolas,monospace;font-size:10px;line-height:1.55;white-space:pre-wrap}.api-doc-link{color:var(--primary-text);font-size:10px;font-weight:800;text-decoration:none}.api-doc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.api-code-card{overflow:hidden;border:1px solid var(--border-color);border-radius:11px;background:var(--bg-surface-2)}.api-code-card>div{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;border-bottom:1px solid var(--border-subtle)}.api-code-card strong{color:var(--text-main);font-size:11px}.api-code-card button{border:0;background:transparent;color:var(--primary-text);cursor:pointer;font-size:10px;font-weight:800}.api-code-card pre{min-height:92px;margin:0;overflow-x:auto;padding:11px;color:var(--text-muted);font-size:9px;line-height:1.55;white-space:pre-wrap}.api-endpoint-table{display:grid;margin-top:14px;border:1px solid var(--border-color);border-radius:11px;overflow:hidden}.api-endpoint-table>div{display:grid;grid-template-columns:70px 1fr 1.5fr;align-items:center;gap:10px;padding:9px 11px;border-bottom:1px solid var(--border-subtle);color:var(--text-muted);font-size:10px}.api-endpoint-table>div:last-child{border-bottom:0}.api-endpoint-table>div:first-child{background:var(--bg-surface-2);color:var(--text-dim);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.api-endpoint-table code{color:var(--primary-text);font-size:10px}.api-method{width:fit-content;padding:3px 5px;border-radius:5px;font-size:8px;font-weight:900}.api-method.post{background:#10b98124;color:var(--success)}.api-method.get{background:var(--primary-soft);color:var(--primary-text)}.api-doc-note{margin:14px 0 0;color:var(--text-dim);font-size:10px;line-height:1.55}.api-doc-note code{color:var(--primary-text)}[data-theme=light] .api-portal-hero{border-color:#c7e4f2;background:radial-gradient(circle at 90% 20%,rgba(14,165,233,.16),transparent 38%),linear-gradient(135deg,#fff,#eaf7fc);box-shadow:0 14px 30px #0e74901a}[data-theme=light] .api-portal-hero h2{color:#0f172a}[data-theme=light] .api-portal-hero p{color:#475569}[data-theme=light] .api-eyebrow{color:#0369a1}[data-theme=light] .api-connection-badge{border-color:#f3c66b;background:#fff8e7;color:#a16207}[data-theme=light] .api-connection-badge.connected{border-color:#9fe3c3;background:#ecfdf5;color:#047857}[data-theme=light] .api-connection-badge small{color:#64748b}@media (max-width: 980px){.api-portal-grid,.api-tester-grid{grid-template-columns:1fr}}@media (max-width: 680px){.api-portal-hero{align-items:flex-start;flex-direction:column;padding:19px}.api-connection-badge{width:100%}.api-create-row,.api-form-two{grid-template-columns:1fr;flex-direction:column}.api-doc-grid{grid-template-columns:1fr}.api-endpoint-table>div{grid-template-columns:58px 1fr}.api-endpoint-table>div>span:last-child{grid-column:2}}.bot-flow-page{display:flex;min-width:0;flex-direction:column;gap:16px}.bot-flow-page>.page-header{margin-bottom:0}.bot-header-actions{display:flex;align-items:center;gap:8px}.bot-publish-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--border-color);border-radius:999px;color:var(--text-dim);font-size:10px;font-weight:800}.bot-publish-pill i,.bot-test-status i,.bot-integration-state i{width:7px;height:7px;border-radius:50%;background:var(--text-dim)}.bot-publish-pill.active{border-color:#10b9814d;background:var(--success-soft);color:var(--success)}.bot-publish-pill.active i,.bot-test-status i,.bot-integration-state.ready i{background:var(--success);box-shadow:0 0 0 3px #10b9811f}.bot-flow-loading{display:grid;min-height:320px;place-items:center;border:1px solid var(--border-color);border-radius:16px;background:var(--bg-surface);color:var(--text-muted)}.bot-flow-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 12px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-surface)}.bot-flow-title{display:flex;min-width:0;align-items:center;gap:9px}.bot-flow-logo{display:grid;width:31px;height:31px;flex-shrink:0;place-items:center;border-radius:9px;background:linear-gradient(135deg,#2563eb,#8b5cf6);color:#fff;font-weight:900}.bot-flow-title input{width:min(320px,30vw);border:0;outline:0;background:transparent;color:var(--text-main);font-size:13px;font-weight:850}.bot-flow-title small{display:block;margin-top:2px;color:var(--text-dim);font-size:9.5px}.bot-flow-tabs{display:flex;align-self:stretch;gap:3px}.bot-flow-tabs button{padding:7px 12px;border:0;border-radius:7px;background:transparent;color:var(--text-dim);cursor:pointer;font-size:10px;font-weight:800}.bot-flow-tabs button:hover,.bot-flow-tabs button.active{background:var(--primary-soft);color:var(--primary-text)}.bot-builder-layout{display:grid;min-height:630px;grid-template-columns:165px minmax(520px,1fr) 270px;overflow:hidden;border:1px solid var(--border-color);border-radius:15px;background:var(--bg-surface);box-shadow:var(--shadow-app)}.bot-palette{padding:17px 11px;border-right:1px solid rgba(148,163,184,.16);background:linear-gradient(180deg,#101e3e,#0c1730);color:#dbeafe}.bot-panel-kicker{display:block;color:#60a5fa;font-size:8.5px;font-weight:900;letter-spacing:.14em}.bot-palette h3{margin:5px 0 2px;font-size:13px}.bot-palette p{margin:0 0 16px;color:#8fa4c9;font-size:9px;line-height:1.4}.bot-palette-start{display:flex;width:100%;align-items:center;gap:7px;padding:8px 9px;border:1px solid rgba(16,185,129,.5);border-radius:8px;background:#10b98124;color:#6ee7b7;cursor:pointer;font-size:10px;font-weight:800}.bot-palette-start span{color:#dbeafe}.bot-palette-group{display:grid;gap:4px;margin-top:18px}.bot-palette-group>small{margin-bottom:2px;color:#637da7;font-size:8px;font-weight:900;letter-spacing:.13em}.bot-palette-button{display:flex;align-items:center;gap:7px;padding:7px 6px;border:0;border-radius:7px;background:transparent;color:#b8c8e6;cursor:pointer;font-size:9.5px;text-align:left}.bot-palette-button:hover{background:#3b82f62b;color:#fff}.bot-palette-button span{display:grid;width:17px;height:17px;place-items:center;border-radius:5px;background:#ffffff14;font-size:10px}.bot-palette-button b{margin-left:auto;color:#667ea6;font-size:13px;font-weight:400}.bot-flow-mini-map{margin-top:28px;padding-top:12px;border-top:1px solid rgba(148,163,184,.14)}.bot-mini-map-title{color:#7890b9;font-size:9px}.bot-mini-map-dots{display:flex;flex-wrap:wrap;gap:4px;margin-top:9px}.bot-mini-map-dots i{width:11px;height:7px;border-radius:2px;opacity:.85}.bot-canvas-panel{display:flex;min-width:0;flex-direction:column}.bot-canvas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:0 14px;border-bottom:1px solid rgba(148,163,184,.16);background:#0f1d3bcc;color:#fff}.bot-canvas-toolbar strong{display:block;font-size:11px}.bot-canvas-toolbar span{display:block;margin-top:2px;color:#7790b6;font-size:9px}.bot-canvas-tools{display:flex;align-items:center;gap:8px;color:#85a0ca;font-size:10px}.bot-canvas-tools button{width:25px;height:25px;border:1px solid rgba(148,163,184,.2);border-radius:6px;background:transparent;color:#bcd0f1;cursor:pointer}.bot-canvas-mode{display:inline-flex!important;align-items:center;margin:0!important;padding:5px 8px;border:1px solid rgba(148,163,184,.18);border-radius:999px;color:#85a0ca!important;font-size:9px!important;white-space:nowrap}.bot-canvas-mode.active{border-color:#38bdf88c;background:#38bdf81f;color:#7dd3fc!important}.bot-tool-button{min-height:26px!important;width:auto!important;padding:4px 8px;border:1px solid rgba(148,163,184,.2)!important;border-radius:7px!important;background:transparent;color:#bcd0f1;cursor:pointer;font-size:9px;font-weight:750;white-space:nowrap}.bot-tool-button:hover{border-color:#38bdf88c!important;background:#38bdf81f;color:#e0f2fe}.bot-canvas{position:relative;min-height:575px;flex:1;overflow:auto;background:#0c1936;touch-action:none}.bot-canvas.is-connecting{cursor:crosshair}.bot-canvas-grid{position:absolute;top:0;left:0;min-width:1350px;min-height:800px;background-image:radial-gradient(rgba(142,167,211,.22) 1px,transparent 1px);background-size:18px 18px;opacity:.48;pointer-events:none}.bot-canvas-lines{position:absolute;z-index:1;top:0;left:0;min-width:1350px;min-height:800px;overflow:visible;pointer-events:none}.bot-canvas-lines path{fill:none;stroke:#4a78b9;stroke-width:1.5;stroke-dasharray:4 3;opacity:.85}.bot-canvas-lines .bot-edge-base{opacity:.55}.bot-canvas-lines .bot-edge-signal{stroke-width:2.6;stroke-linecap:round;stroke-dasharray:1 13;stroke-dashoffset:0;opacity:.98;filter:drop-shadow(0 0 2px currentColor) drop-shadow(0 0 5px currentColor);animation:bot-edge-electric 1.05s linear infinite;vector-effect:non-scaling-stroke}.bot-canvas-lines .bot-edge-preview{fill:none;stroke:#38bdf8;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:5 6;filter:drop-shadow(0 0 4px #38bdf8);opacity:.9}.bot-canvas-lines text{fill:#9db8df;font-size:9px;text-anchor:middle}@keyframes bot-edge-electric{to{stroke-dashoffset:-28}}@media (prefers-reduced-motion:reduce){.bot-canvas-lines .bot-edge-signal{animation:none}}.bot-node-card{position:absolute;z-index:2;box-sizing:border-box;width:205px;min-height:88px;padding:10px 11px;border:1px solid rgba(94,129,184,.45);border-top:3px solid;border-radius:10px;background:linear-gradient(145deg,#193463fa,#0f1f41fa);box-shadow:0 9px 22px #010a1e4d;color:#dbeafe;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;transition:box-shadow .15s ease,transform .15s ease}.bot-node-card:hover{transform:translateY(-1px);box-shadow:0 12px 28px #010a1e6b}.bot-node-card.dragging{z-index:8;cursor:grabbing;transform:scale(1.015);box-shadow:0 18px 35px #010a1e7a}.bot-node-card.selected{outline:2px solid #38bdf8;outline-offset:2px}.bot-node-title{display:flex;align-items:center;gap:7px}.bot-node-title>span{display:grid;width:22px;height:22px;place-items:center;border-radius:6px;font-size:12px}.bot-node-title strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.bot-node-title .bot-live-dot{width:6px;height:6px;margin-left:auto;border-radius:50%;background:#34d399;box-shadow:0 0 0 3px #34d39921}.bot-node-card p{display:-webkit-box;min-height:25px;margin:9px 0 0;overflow:hidden;color:#8fa8d1;font-size:9.5px;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.bot-node-port{position:absolute;top:50%;z-index:4;width:10px;height:10px;border:2px solid #8eb8ed;border-radius:50%;background:#17345f;cursor:crosshair;transform:translateY(-50%);transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .15s ease}.bot-node-port:hover{border-color:#7dd3fc;background:#0ea5e9;box-shadow:0 0 0 4px #38bdf82e,0 0 12px #38bdf8bf;transform:translateY(-50%) scale(1.15)}.bot-node-port.target{background:#102b54}.bot-node-port.right{right:-5px}.bot-node-port.left{left:-5px}.bot-canvas-hint{position:absolute;right:15px;bottom:12px;z-index:3;padding:6px 9px;border:1px solid rgba(148,163,184,.18);border-radius:7px;background:#08142dbf;color:#718bb4;font-size:9px}.bot-properties-panel{min-width:0;border-left:1px solid rgba(148,163,184,.16);background:#101f3f;color:#dbeafe}.bot-properties-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:17px 15px 13px;border-bottom:1px solid rgba(148,163,184,.15)}.bot-properties-head h3{margin:5px 0 0;color:#f1f5ff;font-size:14px}.bot-icon-button{display:grid;width:25px;height:25px;place-items:center;border:1px solid rgba(148,163,184,.24);border-radius:6px;background:transparent;color:#9db5d8;cursor:pointer}.bot-icon-button.danger:hover{border-color:#ef444466;color:#fb7185}.bot-properties-scroll{max-height:575px;overflow-y:auto;padding:14px 15px 20px}.bot-field{display:grid;gap:5px;margin-bottom:12px}.bot-field label{color:#93add4;font-size:9px;font-weight:800}.bot-field small{color:#708ab3;font-size:9px}.bot-properties-panel .input{min-width:0;border-color:#94a3b833;background:#06112880;color:#e2e8f0;font-size:10.5px}.bot-properties-panel textarea.input{resize:vertical}.bot-check-row,.bot-setting-toggle{display:flex;align-items:flex-start;gap:8px;color:#b8c8e6;cursor:pointer;font-size:10px;line-height:1.4}.bot-check-row input,.bot-setting-toggle input{width:14px;height:14px;flex-shrink:0;margin:0;accent-color:#38bdf8}.bot-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.bot-connections{margin-top:17px;padding-top:13px;border-top:1px solid rgba(148,163,184,.15)}.bot-edge-row{display:grid;grid-template-columns:.75fr 1fr 22px;gap:4px;margin-bottom:6px}.bot-edge-row button{border:0;border-radius:5px;background:#ef44441f;color:#fb7185;cursor:pointer}.bot-properties-empty{padding:18px 15px;color:#7790b8;font-size:11px;line-height:1.5}.bot-test-panel{overflow:hidden;border:1px solid var(--border-color);border-radius:14px;background:var(--bg-surface)}.bot-test-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:15px 17px;border-bottom:1px solid var(--border-color)}.bot-test-heading h3{margin:4px 0 0;color:var(--text-main);font-size:14px}.bot-test-heading p{margin:3px 0 0;color:var(--text-dim);font-size:10px}.bot-test-status{display:inline-flex;align-items:center;gap:6px;color:var(--success);font-size:10px;font-weight:800}.bot-test-body{display:grid;grid-template-columns:minmax(0,1fr) 290px;min-height:190px}.bot-test-messages{display:flex;max-height:250px;flex-direction:column;gap:7px;overflow-y:auto;padding:14px 17px;background:var(--bg-surface-2)}.bot-test-message{display:flex;max-width:82%;align-items:flex-start;gap:7px}.bot-test-message>span{display:grid;width:22px;height:22px;flex-shrink:0;place-items:center;border-radius:50%;background:var(--primary-soft);color:var(--primary-text);font-size:9px;font-weight:900}.bot-test-message p{margin:0;padding:7px 9px;border-radius:9px;background:var(--bg-surface);color:var(--text-main);font-size:10.5px;line-height:1.4;white-space:pre-wrap}.bot-test-message.user{align-self:flex-end;flex-direction:row-reverse}.bot-test-message.user>span{background:var(--primary-text);color:#fff}.bot-test-message.user p{background:var(--primary-text);color:#fff}.bot-test-message.system{max-width:100%}.bot-test-message.system p{border:1px dashed var(--border-color);background:transparent;color:var(--text-dim);font-size:10px}.bot-test-form{display:flex;align-items:center;gap:7px;padding:13px;border-left:1px solid var(--border-color)}.bot-test-form input{min-width:0;flex:1;padding:10px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-surface-2);color:var(--text-main);font-size:10px;outline:0}.bot-test-form button{display:grid;width:34px;height:34px;flex-shrink:0;place-items:center;border:0;border-radius:9px;background:var(--primary-text);color:#fff;cursor:pointer}.bot-test-form button:disabled{cursor:not-allowed;opacity:.5}.bot-typing{animation:bot-flow-pulse 1.2s ease-in-out infinite}@keyframes bot-flow-pulse{50%{opacity:.45}}.bot-settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:14px}.bot-settings-main{display:grid;gap:12px}.bot-settings-card,.bot-settings-aside{padding:18px;border:1px solid var(--border-color);border-radius:14px;background:var(--bg-surface)}.bot-settings-card h2{margin:6px 0 0;color:var(--text-main);font-size:17px}.bot-settings-card>p{margin:7px 0 16px;color:var(--text-muted);font-size:11px;line-height:1.5}.bot-setting-toggle{align-items:center;margin-top:12px;padding:11px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-surface-2)}.bot-setting-toggle span{display:grid;gap:3px}.bot-setting-toggle b{color:var(--text-main);font-size:11px}.bot-setting-toggle small{color:var(--text-dim);font-size:10px}.bot-integration-state{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid rgba(245,158,11,.25);border-radius:9px;background:#f59e0b14;color:var(--warning);font-size:10px;font-weight:800}.bot-integration-state span{margin-left:auto;color:var(--text-dim);font-size:9px;font-weight:600}.bot-integration-state.ready{border-color:#10b98140;background:var(--success-soft);color:var(--success)}.bot-settings-illustration{display:grid;min-height:145px;place-items:center;align-content:center;border-radius:12px;background:radial-gradient(circle at 30% 20%,#3b82f6,transparent 30%),linear-gradient(135deg,#111f41,#1d3262);color:#fff;font-size:36px}.bot-settings-illustration strong,.bot-settings-illustration small{display:block}.bot-settings-illustration strong{margin-top:8px;font-size:14px}.bot-settings-illustration small{margin-top:3px;color:#b6caeb;font-size:10px}.bot-settings-aside h3{margin:18px 0 8px;color:var(--text-main);font-size:13px}.bot-settings-aside ul{display:grid;gap:9px;margin:0;padding-left:16px;color:var(--text-muted);font-size:10.5px;line-height:1.4}.bot-stats-layout{display:grid;gap:14px}.bot-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.bot-stats-grid>div{padding:15px;border:1px solid var(--border-color);border-radius:13px;background:var(--bg-surface)}.bot-stats-grid span,.bot-stats-grid strong,.bot-stats-grid small{display:block}.bot-stats-grid span{color:var(--text-dim);font-size:8.5px;font-weight:900;letter-spacing:.1em}.bot-stats-grid strong{margin-top:7px;color:var(--text-main);font-size:22px}.bot-stats-grid small{margin-top:4px;color:var(--text-muted);font-size:10px}.bot-stats-empty{display:grid;min-height:220px;place-items:center;align-content:center;padding:20px;border:1px dashed var(--border-color);border-radius:14px;background:var(--bg-surface);text-align:center}.bot-stats-empty>span{color:var(--primary-text);font-size:27px}.bot-stats-empty h2{margin:8px 0 0;color:var(--text-main);font-size:16px}.bot-stats-empty p{max-width:430px;margin:6px 0 0;color:var(--text-muted);font-size:11px;line-height:1.5}@media (max-width:1250px){.bot-builder-layout{grid-template-columns:145px minmax(450px,1fr) 245px}.bot-canvas-lines{width:1300px}}@media (max-width:900px){.bot-flow-topbar{align-items:flex-start;flex-direction:column}.bot-flow-tabs{width:100%}.bot-flow-tabs button{flex:1}.bot-builder-layout{display:flex;min-height:0;flex-direction:column}.bot-palette{display:flex;gap:7px;overflow-x:auto;border-right:0;border-bottom:1px solid rgba(148,163,184,.16)}.bot-palette h3,.bot-palette p,.bot-palette-group>small,.bot-flow-mini-map{display:none}.bot-palette-start,.bot-palette-button{width:auto;flex-shrink:0;white-space:nowrap}.bot-palette-group{display:flex;margin:0}.bot-properties-panel{border-top:1px solid rgba(148,163,184,.16);border-left:0}.bot-properties-scroll{max-height:none}.bot-test-body,.bot-settings-layout{grid-template-columns:1fr}.bot-test-form{border-top:1px solid var(--border-color);border-left:0}}@media (max-width:600px){.bot-header-actions{width:100%;flex-wrap:wrap}.bot-flow-title input{width:220px}.bot-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bot-builder-layout{margin-right:-8px;margin-left:-8px;border-radius:10px}}[data-theme=light] .bot-builder-layout{border-color:var(--border-color);background:var(--bg-surface);box-shadow:var(--shadow-app)}[data-theme=light] .bot-palette{border-right-color:var(--border-color);background:var(--bg-surface);color:#16324d}[data-theme=light] .bot-panel-kicker{color:#0b78b5}[data-theme=light] .bot-palette h3{color:#16324d}[data-theme=light] .bot-palette p{color:#5f7893}[data-theme=light] .bot-palette-start{color:#047857}[data-theme=light] .bot-palette-start span{color:#16324d}[data-theme=light] .bot-palette-group>small,[data-theme=light] .bot-mini-map-title{color:#7d96ae}[data-theme=light] .bot-palette-button{color:#34516d}[data-theme=light] .bot-palette-button:hover{background:#e0f2fe;color:#0f172a}[data-theme=light] .bot-palette-button span{background:#7f9dbe24}[data-theme=light] .bot-palette-button b{color:#7d96ae}[data-theme=light] .bot-flow-mini-map{border-top-color:#d9e5f0}[data-theme=light] .bot-canvas-toolbar{border-bottom-color:#d9e5f0;background:#ffffffeb;color:#16324d}[data-theme=light] .bot-canvas-toolbar span,[data-theme=light] .bot-canvas-tools{color:#5f7893}[data-theme=light] .bot-canvas-tools button{border-color:#c9d9e8;color:#34516d}[data-theme=light] .bot-tool-button{border-color:#c9d9e8!important;color:#34516d}[data-theme=light] .bot-tool-button:hover{border-color:#4e86b6!important;background:#e0f2fe;color:#0f172a}[data-theme=light] .bot-canvas-mode{border-color:#c9d9e8;color:#5f7893!important}[data-theme=light] .bot-canvas-mode.active{border-color:#4e86b6;background:#e0f2fe;color:#0b78b5!important}[data-theme=light] .bot-canvas{background:var(--bg-surface-2)}[data-theme=light] .bot-canvas-grid{background-image:radial-gradient(rgba(70,111,146,.16) 1px,transparent 1px);opacity:.62}[data-theme=light] .bot-canvas-lines path{stroke:#4e86b6}[data-theme=light] .bot-canvas-lines .bot-edge-preview{stroke:#0284c7;filter:drop-shadow(0 0 4px #0284c773)}[data-theme=light] .bot-canvas-lines text{fill:#587692}[data-theme=light] .bot-node-card{border-color:#bfd3e4;background:linear-gradient(145deg,#fff,#f2f8fd);box-shadow:0 9px 22px #0f375c24;color:#17324b}[data-theme=light] .bot-node-card:hover{box-shadow:0 12px 28px #0f375c33}[data-theme=light] .bot-node-title strong{color:#17324b}[data-theme=light] .bot-node-card p{color:#607990}[data-theme=light] .bot-node-port{border-color:#4e86b6;background:#edf5fc}[data-theme=light] .bot-canvas-hint{border-color:#d9e5f0;background:#ffffffe6;color:#607b96}[data-theme=light] .bot-properties-panel{border-left-color:var(--border-color);background:var(--bg-surface);color:#16324d}[data-theme=light] .bot-properties-head{border-bottom-color:#d9e5f0}[data-theme=light] .bot-properties-head h3{color:#16324d}[data-theme=light] .bot-icon-button{border-color:#c9d9e8;color:#5f7893}[data-theme=light] .bot-properties-panel .input{border-color:#c9d9e8;background:#fff;color:#16324d}[data-theme=light] .bot-field label{color:#5f7893}[data-theme=light] .bot-field small,[data-theme=light] .bot-properties-empty{color:#7d96ae}[data-theme=light] .bot-check-row,[data-theme=light] .bot-setting-toggle{color:#34516d}[data-theme=light] .bot-connections{border-top-color:#d9e5f0}[data-theme=light] .bot-edge-row button{background:#fee2e2;color:#dc2626}[data-theme=light] .bot-palette{border-right-color:transparent;border-bottom-color:#d9e5f0}[data-theme=light] .bot-properties-panel{border-top-color:#d9e5f0}.call-page{min-height:100%;min-width:0;width:100%;overflow-x:hidden;padding-bottom:28px}.call-page-header{margin-bottom:-4px}.call-header-icon{background:linear-gradient(135deg,#0284c7,#06b6d4)}.call-header-actions{min-width:0;justify-content:flex-end}.call-header-actions .btn{white-space:nowrap}.call-eyebrow,.call-form-kicker{color:var(--primary-text);font-size:10px;font-weight:800;letter-spacing:.14em}.call-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:0;padding:20px 24px;border:1px solid rgba(2,132,199,.22);border-radius:16px;background:linear-gradient(135deg,#10244a,#0d5f8d);box-shadow:var(--shadow-app)}.call-hero:after{content:"";position:absolute;right:-60px;bottom:-100px;width:250px;height:250px;border:32px solid rgba(125,211,252,.12);border-radius:50%}.call-hero>div:first-child{position:relative;z-index:1;min-width:0}.call-hero h2{position:relative;z-index:1;margin:6px 0 5px;color:#fff;font-size:20px;letter-spacing:-.02em}.call-hero p{position:relative;z-index:1;max-width:680px;margin:0;color:#e2f2ffc7;font-size:12.5px;line-height:1.5}.call-hero .call-eyebrow{color:#7dd3fc}.call-hero-badge{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:10px 13px;border:1px solid rgba(125,211,252,.28);border-radius:12px;background:#ffffff14;color:#e0f2fe;font-size:11px;font-weight:800;white-space:nowrap}.call-live-dot{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 9px #34d399}.call-provider-warning,.call-provider-note,.call-alert{display:flex;align-items:center;gap:10px;margin:0;padding:11px 14px;border-radius:12px;font-size:12px}.call-provider-warning{border:1px solid rgba(245,158,11,.35);background:#f59e0b1c;color:#a16207}.call-provider-note{border:1px solid rgba(16,185,129,.3);background:var(--success-soft);color:var(--success)}.call-provider-warning span,.call-provider-note span{color:var(--text-muted)}.call-alert{justify-content:space-between;border:1px solid rgba(239,68,68,.35);background:#ef44441a;color:var(--danger)}.call-alert button{border:0;background:none;color:inherit;cursor:pointer;font-size:18px}.call-tabs{display:flex;gap:5px;min-width:0;overflow-x:auto;padding:4px;margin:0;border:1px solid var(--border-color);border-radius:13px;background:var(--bg-surface)}.call-tabs button{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:9px 13px;border:0;border-radius:9px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:750}.call-tabs button:hover,.call-tabs button.active{background:var(--primary-soft);color:var(--primary-text)}.call-tabs button span{font-size:15px}.call-page-content{width:100%;min-width:0}.call-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;min-width:0}.call-stat{position:relative;overflow:hidden;min-width:0;padding:14px 16px;border:1px solid var(--border-color);border-radius:15px;background:var(--bg-surface);box-shadow:var(--shadow-app)}.call-stat:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--call-color)}.call-stat>div{display:flex;align-items:center;justify-content:space-between;color:var(--text-muted);font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.call-stat b{display:grid;width:27px;height:27px;place-items:center;border-radius:9px;background:var(--call-soft);color:var(--call-color);font-size:16px}.call-stat strong{display:block;margin-top:10px;color:var(--text-main);font-size:25px;line-height:1}.call-stat small{display:block;margin-top:7px;color:var(--text-dim);font-size:10px}.tone-blue{--call-color:#0284c7;--call-soft:rgba(2,132,199,.13)}.tone-purple{--call-color:#8b5cf6;--call-soft:rgba(139,92,246,.13)}.tone-cyan{--call-color:#06b6d4;--call-soft:rgba(6,182,212,.13)}.tone-green{--call-color:#10b981;--call-soft:rgba(16,185,129,.13)}.tone-orange{--call-color:#f59e0b;--call-soft:rgba(245,158,11,.14)}.tone-red{--call-color:#ef4444;--call-soft:rgba(239,68,68,.13)}.tone-pink{--call-color:#ec4899;--call-soft:rgba(236,72,153,.13)}.tone-indigo{--call-color:#6366f1;--call-soft:rgba(99,102,241,.13)}.call-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:22px 0 12px}.call-section-heading h2{margin:0;color:var(--text-main);font-size:17px}.call-section-heading p{margin:4px 0 0;color:var(--text-dim);font-size:12px}.call-live-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(16,185,129,.3);border-radius:999px;background:var(--success-soft);color:var(--success);font-size:11px;font-weight:800}.call-live-badge i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 7px currentColor}.call-campaign-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:13px}.call-campaign-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--border-color);border-radius:16px;background:var(--bg-surface);box-shadow:var(--shadow-app)}.call-card-main{width:100%;padding:16px 17px 12px;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left}.call-card-top{display:flex;align-items:center;gap:10px}.call-card-icon{display:grid;width:35px;height:35px;flex:0 0 auto;place-items:center;border-radius:11px;background:var(--primary-soft);color:var(--primary-text);font-size:18px}.call-card-top>div{min-width:0;flex:1}.call-card-top strong{display:block;overflow:hidden;color:var(--text-main);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.call-card-top small{display:block;margin-top:3px;color:var(--text-dim);font-size:10.5px}.call-card-main p{min-height:28px;margin:14px 0 12px;color:var(--text-muted);font-size:12px}.call-status{display:inline-flex;align-items:center;white-space:nowrap;padding:4px 8px;border-radius:999px;background:var(--primary-soft);color:var(--primary-text);font-size:10px;font-weight:800}.status-running,.status-connected,.status-playing,.status-completed{background:var(--success-soft);color:var(--success)}.status-paused,.status-retry_pending,.status-ringing{background:#f59e0b24;color:#b45309}.status-failed,.status-cancelled{background:#ef44441f;color:var(--danger)}.status-no_answer{background:#64748b24;color:var(--text-muted)}.call-progress{height:7px;overflow:hidden;border-radius:99px;background:var(--bg-surface-2)}.call-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),#10b981);transition:width .25s ease}.call-progress-label,.call-count-row{display:flex;justify-content:space-between;gap:8px;margin-top:7px;color:var(--text-dim);font-size:10.5px}.call-progress-label b,.call-count-row b{color:var(--text-main)}.call-count-row{justify-content:flex-start;gap:12px;margin-top:13px}.call-count-row span{white-space:nowrap}.call-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;border-top:1px solid var(--border-color);color:var(--text-dim);font-size:10.5px}.call-card-footer>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-card-footer>div{display:flex;flex-shrink:0;gap:5px}.call-table-card{padding:17px;border:1px solid var(--border-color);border-radius:16px;background:var(--bg-surface);box-shadow:var(--shadow-app)}.call-table-card .call-section-heading{margin:0 0 16px}.call-history-table-wrap{overflow:auto}.call-history-table{width:100%;border-collapse:collapse;font-size:11.5px}.call-history-table th{padding:10px 9px;border-bottom:1px solid var(--border-color);color:var(--text-dim);font-size:10px;text-align:left;text-transform:uppercase}.call-history-table td{padding:11px 9px;border-bottom:1px solid var(--border-color);color:var(--text-muted);vertical-align:middle}.call-history-table tr:last-child td{border-bottom:0}.call-history-table td strong,.call-history-table td small{display:block}.call-history-table td strong{color:var(--text-main)}.call-history-table td small{margin-top:3px;color:var(--text-dim);font-size:10px}.call-history-kind{display:inline-flex;padding:4px 8px;border-radius:999px;background:var(--primary-soft);color:var(--primary-text);font-size:10px;font-weight:800}.call-library-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:15px}.call-audio-list{display:flex;flex-direction:column;gap:8px}.call-audio-row,.call-account-row{display:flex;align-items:center;gap:11px;padding:11px;border:1px solid var(--border-color);border-radius:11px}.call-audio-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;background:var(--primary-soft);color:var(--primary-text);font-size:18px}.call-audio-icon.ai{background:linear-gradient(135deg,#7c3aed29,#0ea5e929);color:#7c3aed}.call-audio-row>div,.call-account-row>div{min-width:0;flex:1}.call-audio-row strong,.call-audio-row small,.call-account-row strong,.call-account-row small{display:block}.call-audio-row strong,.call-account-row strong{color:var(--text-main);font-size:12px}.call-audio-row small,.call-account-row small{margin-top:3px;color:var(--text-dim);font-size:10.5px}.call-audio-row audio{width:230px;height:32px}.call-upload-card{display:flex;flex-direction:column;gap:11px;padding:18px;border:1px solid var(--border-color);border-radius:16px;background:linear-gradient(145deg,var(--bg-surface),var(--bg-surface-2))}.call-upload-card h2{margin:0;color:var(--text-main);font-size:17px}.call-upload-card p{margin:0 0 5px;color:var(--text-dim);font-size:11px;line-height:1.5}.call-file-picker{display:flex;align-items:center;justify-content:center;min-height:72px;padding:13px;border:1px dashed var(--primary-glow);border-radius:11px;background:var(--primary-soft);color:var(--primary-text);cursor:pointer;font-size:12px;font-weight:750;text-align:center}.call-file-picker input{display:none}.call-audio-mode{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid var(--border-color);border-radius:11px;background:var(--bg-surface-2)}.call-audio-mode button{padding:8px 5px;border:0;border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:10.5px;font-weight:800}.call-audio-mode button.active{background:var(--primary-soft);color:var(--primary-text);box-shadow:var(--shadow-app)}.call-ai-text{min-height:125px;resize:vertical;line-height:1.45}.call-inline-note{display:flex;flex-direction:column;gap:3px;padding:10px;border:1px solid rgba(245,158,11,.3);border-radius:10px;background:#f59e0b1a;color:#a16207;font-size:10.5px;line-height:1.4}.call-inline-note strong{font-size:11px}.call-account-list{display:flex;flex-direction:column;gap:8px}.call-account-dot{width:10px;height:10px;flex:0 0 auto;border-radius:50%;background:#94a3b8}.call-account-dot.connected{background:#10b981;box-shadow:0 0 8px #10b98199}.call-account-provider{margin-left:auto;color:var(--text-dim);font-size:10px}.call-account-row .btn{flex:0 0 auto}.call-loading,.call-empty{display:flex;min-height:180px;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:var(--text-dim);font-size:12px}.call-empty span{color:var(--primary-text);font-size:28px}.call-empty strong{color:var(--text-main);font-size:14px}.call-empty small{color:var(--text-dim)}.call-create-form{max-width:920px}.call-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 13px}.call-form-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.call-create-form .field{margin-bottom:12px}.call-create-form .field>span{color:var(--text-muted);font-size:11px;font-weight:750}.call-form-section{margin-top:5px;padding:14px;border:1px solid var(--border-color);border-radius:13px;background:var(--bg-surface-2)}.call-form-section-heading{display:flex;align-items:start;justify-content:space-between;gap:10px;margin-bottom:10px}.call-form-section-heading h3{margin:0;color:var(--text-main);font-size:13px}.call-form-section-heading p{margin:4px 0 0;color:var(--text-dim);font-size:10.5px}.call-consent-pill{padding:5px 8px;border-radius:99px;background:var(--success-soft);color:var(--success);font-size:10px;font-weight:800}.call-picker-tools{display:grid;grid-template-columns:1fr 190px;gap:8px}.call-contact-picker{display:grid;max-height:220px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;overflow:auto;margin-top:9px}.call-contact-option{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--border-color);border-radius:9px;background:var(--bg-surface);cursor:pointer}.call-contact-option.selected{border-color:var(--primary-glow);background:var(--primary-soft)}.call-contact-option.blocked{opacity:.48;cursor:not-allowed}.call-contact-option input{accent-color:var(--primary)}.call-contact-option span{min-width:0}.call-contact-option strong,.call-contact-option small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.call-contact-option strong{color:var(--text-main);font-size:11px}.call-contact-option small{margin-top:3px;color:var(--text-dim);font-size:9.5px}.call-check-row{display:flex;align-items:flex-start;gap:9px;margin-top:14px;padding:11px;border:1px solid rgba(16,185,129,.25);border-radius:11px;background:var(--success-soft)}.call-check-row input{margin-top:2px;accent-color:var(--success)}.call-check-row strong,.call-check-row small{display:block}.call-check-row strong{color:var(--text-main);font-size:12px}.call-check-row small{margin-top:3px;color:var(--text-muted);font-size:10.5px}.call-survey-editor{margin-top:10px;padding:11px;border:1px solid var(--border-color);border-radius:11px}.call-option-row{display:grid;grid-template-columns:60px 1fr;gap:8px;margin-top:7px}.call-rejected-list,.call-inline-error{margin-top:9px;padding:9px 10px;border-radius:9px;background:#f59e0b1f;color:#a16207;font-size:11px}.call-inline-error{background:#ef44441a;color:var(--danger)}.call-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.call-connect-modal{display:flex;align-items:center;flex-direction:column;gap:14px;max-width:390px;text-align:center}.call-connect-modal p{margin:0;color:var(--text-muted);font-size:12px;line-height:1.5}.call-qr{width:230px;height:230px;padding:8px;border:1px solid var(--border-color);border-radius:14px;background:#fff;image-rendering:pixelated}.call-qr-placeholder{display:grid;width:230px;height:230px;place-items:center;border:1px dashed var(--border-color);border-radius:14px;color:var(--text-dim);font-size:12px}@media (max-width:1180px){.call-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.call-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.call-library-grid{grid-template-columns:1fr}.call-hero{align-items:flex-start;flex-direction:column;padding:19px}}@media (max-width:640px){.call-page{padding:18px 14px 28px}.call-page-header{align-items:stretch;flex-direction:column;gap:12px}.call-header-actions{width:100%;justify-content:stretch}.call-header-actions .btn{flex:1 1 auto}.call-form-grid,.call-form-grid.compact,.call-picker-tools,.call-contact-picker{grid-template-columns:1fr}.call-audio-row{align-items:flex-start;flex-wrap:wrap}.call-audio-row audio{width:100%}.call-account-row{align-items:flex-start;flex-wrap:wrap}.call-account-provider{margin-left:21px}}:root{--bg: var(--bg-app, #f4f6fc);--surface: var(--bg-surface, #ffffff);--surface-2: var(--bg-surface-2, #f8f9fd);--line: var(--border-color, #e7e9f3);--text: var(--text-main, #10152b);--muted: var(--text-muted, #6b7280);--primary-dark: var(--accent, #2347b8);--cyan: var(--primary-glow, #2f5fe0);--green: var(--success, #16a34a);--green-soft: var(--success-soft, #e9f9ef);--red: var(--danger, #dc2626);--red-soft: var(--danger-soft, #fdeaea);--shadow: var(--shadow-app, 0 1px 2px rgba(16, 24, 40, .04), 0 6px 20px rgba(16, 24, 40, .05))}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:15px Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}h1,h2,h3,.brand{font-family:Manrope,Inter,ui-sans-serif,system-ui,sans-serif}a{color:var(--primary)}button{font:inherit}.btn{display:inline-flex;align-items:center;gap:6px;padding:11px 18px;border-radius:12px;text-decoration:none;font-weight:700;font-family:Manrope,Inter,sans-serif;background:var(--primary);color:#fff;border:none;cursor:pointer;font-size:14px;box-shadow:0 1px 2px #2f5fe026}.btn:hover{background:var(--primary-dark)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:var(--surface);border:1px solid var(--line);color:var(--text);box-shadow:none}.btn.secondary:hover{background:var(--surface-2)}.btn.danger{background:var(--red-soft);border:1px solid #f6c8c8;color:var(--red);box-shadow:none}.btn.small{padding:7px 12px;font-size:12px;border-radius:9px}.card{border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:22px;box-shadow:var(--shadow);overflow-x:auto}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.input,select.input,textarea.input{background:var(--surface-2);border:1px solid var(--line);border-radius:11px;padding:11px 13px;color:var(--text);font-size:14px;font-family:inherit}.input:focus,select.input:focus,textarea.input:focus{outline:2px solid var(--primary);outline-offset:1px;background:var(--surface)}.alert{display:flex;align-items:flex-start;gap:10px;padding:13px 15px;border-radius:15px;font-size:13px;margin-bottom:14px;line-height:1.45;box-shadow:0 7px 18px #0f172a0f}.alert:before{content:"i";display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px;border-radius:8px;background:currentColor;color:var(--surface);font-size:12px;font-weight:800}.alert.error:before{content:"!"}.alert.success:before{content:"✓"}.alert.info:before{content:"i"}.alert.error{background:var(--red-soft);border:1px solid #f6c8c8;color:#a91f1f}.alert.success{background:var(--green-soft);border:1px solid #bfe8cc;color:#157a3c}.alert.info{background:var(--primary-soft);border:1px solid #cbdaff;color:var(--primary-dark)}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.05em}tr:last-child td{border-bottom:none}.badge{display:inline-block;padding:4px 11px;border-radius:99px;font-size:11px;font-weight:700}.badge.active{background:var(--green-soft);color:var(--green)}.badge.inactive{background:var(--red-soft);color:var(--red)}.badge.role{background:var(--primary-soft);color:var(--primary-dark)}.auth-shell-modern{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:30px 20px;background:radial-gradient(circle at 10% 20%,#1e3a8a,#0c1527 60%,#070a13);font-family:Plus Jakarta Sans,Inter,system-ui,sans-serif}.auth-modern-container{display:grid;grid-template-columns:460px 440px;background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 25px 70px #0006,0 0 40px #0ea5e933;width:100%;max-width:900px}.auth-form-column{padding:40px 38px;display:flex;flex-direction:column;justify-content:space-between;background:#fff}.auth-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:13px}.auth-back-link{color:var(--muted);text-decoration:none;font-weight:600;transition:color .2s}.auth-back-link:hover{color:var(--primary)}.auth-lang-selector{color:var(--muted);font-size:12px;font-weight:600;cursor:pointer}.auth-header-box{text-align:center;margin-bottom:24px}.auth-logo-center{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:12px}.auth-brand-name{font-family:Manrope,sans-serif;font-weight:800;font-size:24px;letter-spacing:.05em;margin:0;color:#0f172a}.auth-title{font-family:Manrope,sans-serif;font-size:22px;font-weight:800;color:#0f172a;margin:0 0 6px}.auth-subtitle{font-size:13px;color:#64748b;margin:0}.input-with-icon{position:relative;display:flex;align-items:center}.field-icon{position:absolute;left:12px;width:18px;height:18px;color:#94a3b8;pointer-events:none}.input-indented{padding-left:38px!important;width:100%}.show-pwd-btn{position:absolute;right:12px;background:none;border:none;cursor:pointer;font-size:16px;color:#94a3b8;padding:0}.auth-options-row{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;margin-bottom:20px}.remember-label{display:flex;align-items:center;gap:6px;color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none}.forgot-link{color:var(--primary);text-decoration:none;font-weight:600}.btn-auth-submit{width:100%;justify-content:center;padding:13px;border-radius:12px;background:linear-gradient(135deg,#0284c7,#2563eb);font-size:14.5px;box-shadow:0 4px 14px #0284c759}.auth-divider{display:flex;align-items:center;text-align:center;margin:20px 0;color:#94a3b8;font-size:12px}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid #e2e8f0}.auth-divider span{padding:0 10px}.auth-social-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.social-auth-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:11px;border:1px solid #e2e8f0;background:#f8fafc;color:#334155;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s}.social-auth-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.auth-footer-help{text-align:center;font-size:13px;color:#64748b;margin-top:24px}.auth-footer-help a{color:var(--primary);font-weight:700;text-decoration:none}.auth-brand-column{background:linear-gradient(150deg,#0d3880,#0369a1,#071f4d);color:#fff;padding:40px 34px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-banner-title{font-family:Manrope,sans-serif;font-size:23px;font-weight:800;line-height:1.25;margin:0 0 24px;color:#fff}.auth-feature-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.auth-feature-item{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:600;color:#f1f5f9}.auth-feature-icon{width:30px;height:30px;border-radius:8px;background:#ffffff26;display:flex;align-items:center;justify-content:center;font-size:15px}.auth-robot-preview{margin:10px 0;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0006;border:1px solid rgba(255,255,255,.2)}.auth-robot-image{width:100%;height:140px;object-fit:cover;object-position:top center;display:block}.auth-quote-slogan{margin-top:14px;font-style:italic;font-size:13px;color:#bae6fd;display:flex;justify-content:space-between;align-items:center}.auth-quote-slogan strong{font-style:normal;color:#fff;font-family:Caveat,cursive,sans-serif;font-size:16px}@media (max-width: 860px){.auth-modern-container{grid-template-columns:1fr;max-width:440px}.auth-brand-column{display:none}}.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800;letter-spacing:-.01em;margin-bottom:24px;color:var(--text)}.brand span{color:var(--primary)}.logo-mark{width:34px;height:34px;border-radius:10px;flex-shrink:0}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100%}.sidebar{background:var(--surface);border-right:1px solid var(--line);padding:20px 16px;display:flex;flex-direction:column}.sidebar nav{display:flex;flex-direction:column;gap:2px;margin-top:28px;flex:1}.sidebar a{display:flex;align-items:center;gap:11px;color:var(--muted);text-decoration:none;padding:10px 12px;border-radius:11px;font-size:14px;font-weight:600}.sidebar a svg{width:18px;height:18px;flex-shrink:0}.sidebar a.active,.sidebar a:hover{background:var(--primary-soft);color:var(--primary-dark)}.sidebar-user{display:flex;align-items:center;gap:10px;padding:12px;border-top:1px solid var(--line);margin-top:12px}.avatar{width:36px;height:36px;border-radius:50%;background:var(--primary-soft);color:var(--primary-dark);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex-shrink:0}.sidebar-user .who{min-width:0;flex:1}.sidebar-user .who .name{font-size:13px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user .who .role{font-size:11px;color:var(--muted)}.icon-btn{width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.icon-btn:hover{background:var(--red-soft);color:var(--red);border-color:#f6c8c8}.icon-btn svg{width:16px;height:16px}.topbar{background:var(--surface);border-bottom:1px solid var(--line);padding:16px 28px}.topbar .org-name{font-weight:800;font-family:Manrope,sans-serif;font-size:15px}.content{padding:28px;max-width:980px}.content:has(.inbox-shell){max-width:none}.muted{color:var(--muted)}.row{display:flex;gap:10px;align-items:center}.row.between{justify-content:space-between}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px;flex-wrap:wrap}.toolbar h2{font-family:Manrope,sans-serif}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#10152b73;display:flex;align-items:center;justify-content:center;padding:20px;z-index:20}.modal{width:100%;max-width:440px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 20px 60px #1018282e}.inbox-shell{display:grid;grid-template-columns:320px 1fr;gap:16px;height:calc(100vh - 110px);min-height:480px;max-width:none}.conv-list,.conv-detail{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.conv-list-header{padding:14px 16px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.conv-tabs{display:flex;gap:4px;background:var(--surface-2);padding:3px;border-radius:10px}.conv-tab{flex:1;text-align:center;padding:7px 6px;border-radius:8px;font-size:12px;font-weight:700;color:var(--muted);cursor:pointer;border:none;background:transparent}.conv-tab.active{background:var(--surface);color:var(--primary-dark);box-shadow:var(--shadow)}.search-box{position:relative}.search-box svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--muted)}.search-box input{padding-left:33px;width:100%}.conv-items{flex:1;overflow-y:auto}.conv-item{display:flex;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);cursor:pointer}.conv-item:hover{background:var(--surface-2)}.conv-item.active{background:var(--primary-soft)}.conv-item-body{min-width:0;flex:1}.conv-item-top{display:flex;justify-content:space-between;gap:6px}.conv-item-name{font-weight:700;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-item-time{font-size:11px;color:var(--muted);flex-shrink:0}.conv-item-preview{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.conv-item-tags{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}.conv-detail-header{padding:14px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.conv-detail-header .controls{display:flex;gap:8px;flex-wrap:wrap}.conv-detail-header select.input{padding:6px 9px;font-size:12px}.conv-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:10px}.bubble{max-width:70%;padding:10px 14px;border-radius:14px;font-size:13.5px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.bubble.outbound{align-self:flex-end;background:var(--primary);color:#fff;border-bottom-right-radius:4px}.bubble.inbound{align-self:flex-start;background:var(--surface-2);border:1px solid var(--line);border-bottom-left-radius:4px}.bubble.note{align-self:center;background:#fff7e0;border:1px solid #f3dfa0;color:#8a6a10;max-width:85%}.bubble-meta{font-size:10.5px;opacity:.7;margin-top:4px}.composer{padding:12px 16px;border-top:1px solid var(--line);display:flex;gap:8px;align-items:flex-end}.composer textarea.input{flex:1;resize:none;max-height:120px;font-family:inherit}.composer-send{width:42px;height:42px;border-radius:12px;padding:0;justify-content:center;flex-shrink:0}.empty-state{flex:1;display:flex;align-items:center;justify-content:center;color:var(--muted);flex-direction:column;gap:8px;text-align:center;padding:20px}.tag-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:99px;font-size:11px;font-weight:700;background:var(--primary-soft);color:var(--primary-dark)}.tag-chip button{border:none;background:none;color:inherit;cursor:pointer;font-size:13px;line-height:1;padding:0}@media (max-width: 860px){.app-shell{grid-template-columns:72px 1fr}.sidebar{padding:16px 8px}.sidebar .brand span,.sidebar a span,.sidebar-user .who{display:none}.sidebar a{justify-content:center;padding:12px 6px}.content{padding:16px}.inbox-shell{grid-template-columns:1fr;height:auto}.conv-list{height:46vh}.conv-detail{height:62vh}}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.stat-tile{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow)}.stat-tile .value{font-family:Manrope,sans-serif;font-size:26px;font-weight:800;color:var(--text);line-height:1.1}.stat-tile .label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-top:6px}.bar-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.bar-row .bar-label{width:130px;font-size:13px;color:var(--text);flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{flex:1;background:var(--surface-2);border-radius:6px;height:10px;overflow:hidden}.bar-fill{background:var(--primary);height:100%;border-radius:6px;min-width:3px}.bar-value{width:34px;text-align:right;font-size:12px;color:var(--muted);flex-shrink:0}code.secret{background:var(--surface-2);border:1px dashed var(--primary);padding:9px 11px;border-radius:9px;display:block;word-break:break-all;color:var(--primary-dark);margin-top:6px;font-weight:700}