:root{--c-primary: #40B5A6;--c-primary-light: color-mix(in srgb, var(--c-primary) 75%, white);--c-primary-dark: color-mix(in srgb, var(--c-primary) 80%, black);--c-bg: #151517;--c-bg-card: #1C1C1F;--c-bg-elevated: #27272A;--c-bg-hover: #27272A;--c-bg-active: #3F3F46;--c-surface: #202023;--c-surface-hover: #3F3F46;--c-surface-active: #3F3F46;--c-border: #2A2A2E;--c-border-light: #3F3F46;--c-text: #FAFAFA;--c-text-dim: #A1A1AA;--c-text-muted: #71717A;--c-success: #10B981;--c-warning: #F59E0B;--c-danger: #EF4444;--c-info: #3B82F6;--c-online: #10B981;--c-away: #F59E0B;--c-offline: #71717A;--c-accent: var(--c-primary-light);--c-primary-subtle: color-mix(in srgb, var(--c-primary) 12%, transparent);--glass-bg: rgba(28, 28, 31, .7);--glass-border: rgba(255, 255, 255, .08);--font: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--fs-2xs: 10px;--fs-xs: 11px;--fs-sm: 12px;--fs-md: 13px;--fs-base: 14px;--fs-lg: 15px;--fs-xl: 18px;--fs-2xl: 22px;--fs-3xl: 28px;--fs-4xl: 32px;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--lh-tight: 1.3;--lh-normal: 1.5;--lh-relaxed: 1.6;--sp-xs: 4px;--sp-1: 6px;--sp-sm: 8px;--sp-md: 16px;--sp-lg: 24px;--sp-xl: 32px;--sp-2xl: 48px;--c-white: #FFFFFF;--c-danger-subtle: rgba(239, 68, 68, .1);--c-danger-subtle-border: rgba(239, 68, 68, .35);--c-success-subtle: rgba(16, 185, 129, .1);--c-success-subtle-border: rgba(16, 185, 129, .25);--c-warning-subtle: rgba(245, 158, 11, .12);--c-warning-subtle-border: rgba(245, 158, 11, .35);--c-info-subtle: rgba(59, 130, 246, .1);--c-primary-subtle-border: color-mix(in srgb, var(--c-primary) 28%, transparent);--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 1000;--z-modal: 1001;--z-overlay: 9999;--r-xs: 4px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 24px;--r-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -2px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .6), 0 4px 6px -4px rgba(0, 0, 0, .5);--shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, .3);--shadow-primary: 0 6px 16px color-mix(in srgb, var(--c-primary) 28%, transparent);--t-fast: .15s cubic-bezier(.4, 0, .2, 1);--t-normal: .25s cubic-bezier(.4, 0, .2, 1);--t-bounce: .4s cubic-bezier(.34, 1.56, .64, 1)}[data-theme=light]{--c-primary: #0D9488;--c-primary-light: color-mix(in srgb, var(--c-primary) 80%, white);--c-primary-dark: color-mix(in srgb, var(--c-primary) 80%, black);--c-bg: #FFFFFF;--c-bg-card: #F1F5F9;--c-bg-elevated: #FFFFFF;--c-bg-hover: #E2E8F0;--c-bg-active: #CBD5E1;--c-surface: #E2E8F0;--c-surface-hover: #CBD5E1;--c-surface-active: #CBD5E1;--c-border: #E2E8F0;--c-border-light: #CBD5E1;--c-text: #0F172A;--c-text-dim: #475569;--c-text-muted: #64748B;--glass-bg: rgba(241, 245, 249, .7);--glass-border: rgba(0, 0, 0, .05);--c-accent: var(--c-primary);--c-primary-subtle: color-mix(in srgb, var(--c-primary) 10%, transparent);--c-primary-subtle-border: color-mix(in srgb, var(--c-primary) 25%, transparent);--c-danger-subtle: rgba(239, 68, 68, .08);--c-danger-subtle-border: rgba(239, 68, 68, .25);--c-success-subtle: rgba(16, 185, 129, .08);--c-success-subtle-border: rgba(16, 185, 129, .2);--c-warning-subtle: rgba(245, 158, 11, .1);--c-warning-subtle-border: rgba(245, 158, 11, .25);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .05);--shadow-glass: 0 8px 32px 0 rgba(31, 38, 135, .07);--shadow-primary: 0 6px 16px color-mix(in srgb, var(--c-primary) 28%, transparent)}[data-theme=light] .sidebar-logo,[data-theme=light] .login-title{color:#434343}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}html{background-color:#151517}[data-theme=light] html,[data-theme=light] body{background-color:var(--c-bg-card)}body{font-family:var(--font);background:var(--c-bg);color:var(--c-text);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--c-primary-light);text-decoration:none}a:hover{color:var(--c-primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--c-text-muted)}.app-layout{display:flex;height:100vh;height:100dvh;overflow:hidden;background-color:var(--c-bg-card)}.sidebar{width:210px;background:var(--c-bg-card);border-right:1px solid var(--c-border);display:flex;flex-direction:column;flex-shrink:0;transition:width .3s cubic-bezier(.4,0,.2,1);overflow:hidden;z-index:100}.sidebar.collapsed{width:60px}.sidebar.collapsed .sidebar-header{padding:var(--sp-md) var(--sp-sm);display:flex;justify-content:center}.sidebar.collapsed .sidebar-nav{padding:var(--sp-md) var(--sp-xs)}.sidebar.collapsed .nav-item{justify-content:center;padding:var(--sp-sm);gap:0}.sidebar.collapsed .sidebar-footer{padding:var(--sp-sm) var(--sp-xs)}.sidebar.collapsed .agent-profile{justify-content:center;padding:var(--sp-sm)}.sidebar.collapsed .sidebar-logo-text,.sidebar.collapsed .sidebar-org-name,.sidebar.collapsed .nav-item span:not(.badge),.sidebar.collapsed .theme-toggle-text,.sidebar.collapsed .agent-name,.sidebar.collapsed .agent-status-text{display:none}.sidebar.collapsed .nav-item .badge{position:absolute;top:2px;right:2px;margin-left:0;padding:0;width:8px;height:8px;min-width:8px;font-size:0;line-height:0;border:2px solid var(--c-bg-card)}.sidebar.collapsed .nav-item .badge+.badge{top:auto;bottom:2px;right:2px;margin-left:0}.sidebar-header{padding:var(--sp-md) var(--sp-md) 0;display:flex;align-items:flex-start;height:64px;box-sizing:border-box}.sidebar-logo{font-size:20px;font-weight:var(--fw-bold);color:var(--c-text);letter-spacing:-.5px}.sidebar-org-name{font-size:var(--fs-xs);color:var(--c-text-muted);white-space:nowrap}.sidebar-nav{flex:1;padding:var(--sp-lg) var(--sp-md);display:flex;flex-direction:column;gap:var(--sp-sm)}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 16px;color:var(--c-text-dim);font-weight:500;font-size:14px;border-radius:var(--r-md);transition:background var(--t-fast),color var(--t-fast);cursor:pointer;border:none;background:transparent;width:100%;text-align:left;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.nav-item:hover{background:var(--c-bg-hover);color:var(--c-text)}.nav-item:active{transform:scale(.98)}.nav-item.active{background:#40b5a61a;color:var(--c-primary);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:60%;width:3px;background:var(--c-primary);border-radius:0 4px 4px 0}[data-theme=light] .nav-item.active{background:#7c6ef61a}.nav-item.leave-org{color:var(--c-danger);margin-top:auto;opacity:.8}.nav-item.leave-org:hover{background:#ef44441a;color:var(--c-danger);opacity:1}.nav-item .badge{margin-left:auto;background:var(--c-danger);color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:var(--r-full);min-width:18px;text-align:center;line-height:16px;box-shadow:0 1px 3px #ef44444d}.nav-item .badge+.badge{margin-left:-10px;border:2px solid var(--c-bg-card);position:relative;z-index:1}.nav-item .badge.badge-attention{background:var(--c-warning);box-shadow:0 1px 3px #f59e0b4d}.sidebar-footer{padding:var(--sp-md);border-top:1px solid var(--c-border);display:flex;flex-direction:column;gap:var(--sp-sm)}.theme-toggle-wrapper{display:flex;justify-content:center;padding:0 var(--sp-xs)}.theme-toggle-btn{width:100%;padding:10px 16px;background:transparent;border:1px solid var(--c-border);border-radius:var(--r-md);color:var(--c-text-dim);font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:background var(--t-fast),color var(--t-fast)}.theme-toggle-btn:hover{background:var(--c-bg-hover);color:var(--c-text);border-color:var(--c-border-light)}.theme-toggle-icon{display:flex;align-items:center;justify-content:center;transition:transform .5s cubic-bezier(.4,0,.2,1)}.agent-profile-wrapper{position:relative;padding:0 var(--sp-xs)}.agent-profile{display:flex;align-items:center;gap:var(--sp-md);padding:var(--sp-sm) var(--sp-md);border-radius:var(--r-md);cursor:pointer;transition:background var(--t-fast)}.agent-profile:hover{background:var(--c-bg-hover)}.agent-avatar{width:36px;height:36px;border-radius:var(--r-md);background:linear-gradient(135deg,var(--c-primary-light),var(--c-primary-dark));display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0;box-shadow:var(--shadow-sm)}.agent-name{font-size:13px;font-weight:500}.agent-status-text{font-size:11px;color:var(--c-text-dim)}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.conv-panel{width:340px;border-right:1px solid var(--c-border);display:flex;flex-direction:column;flex-shrink:0;background:var(--c-bg-card)}.conv-panel-header{padding:var(--sp-md) var(--sp-lg);border-bottom:1px solid var(--c-border);display:flex;align-items:center;justify-content:space-between}.conv-panel-title{font-size:16px;font-weight:600}.conv-search-wrapper{position:relative;padding:0 12px 8px;display:flex;align-items:center}.conv-search-icon{position:absolute;left:22px;color:var(--c-text-muted);pointer-events:none;z-index:1}.conv-search-input{width:100%;padding:7px 32px;border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-bg);color:var(--c-text);font-size:13px;font-family:var(--font);outline:none;transition:border-color .2s,box-shadow .2s}.conv-search-input::placeholder{color:var(--c-text-muted);font-size:12px}.conv-search-input:focus{border-color:var(--c-primary);box-shadow:0 0 0 2px #6c5ce726}.conv-search-clear{position:absolute;right:18px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:var(--c-surface);border-radius:50%;color:var(--c-text-muted);cursor:pointer;transition:background var(--t-fast),color var(--t-fast);padding:0}.conv-search-clear:hover{background:var(--c-border-light);color:var(--c-text)}.conv-search-kbd{position:absolute;right:18px;font-family:var(--font);font-size:10px;font-weight:600;color:var(--c-text-muted);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-xs);padding:2px 5px;pointer-events:none;letter-spacing:.3px}.search-highlight{background:#facc1566;border-radius:2px;padding:0 1px}[data-theme=light] .search-highlight{background:#facc1580}@keyframes message-highlight-flash{0%{background-color:#facc158c}60%{background-color:#facc1540}to{background-color:transparent}}.message-highlighted{animation:message-highlight-flash 2.5s ease-out}.conv-list{flex:1;overflow-y:auto}.conv-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;margin:0;border-radius:0;cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast);border-bottom:1px solid var(--c-border);border-left:3px solid transparent;position:relative;background:transparent}.conv-item:hover{background:var(--c-bg-hover)}.conv-item.blocked{opacity:.5;filter:grayscale(.8) blur(1.5px);transition:opacity var(--t-normal),filter var(--t-normal)}.conv-item.blocked:hover,.conv-item.blocked.active{opacity:.9;filter:grayscale(.2) blur(0px)}.conv-item.active{background:var(--c-surface);border-left-color:var(--c-primary);border-bottom-color:var(--c-border);box-shadow:none}.conv-avatar{width:36px;height:36px;border-radius:var(--r-md);background:var(--c-surface);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;position:relative;color:#fff;font-weight:600}.conv-avatar img{width:100%;height:100%;object-fit:cover;border-radius:var(--r-md)}.visitor-status-dot{position:absolute;bottom:0;right:-2px;width:10px;height:10px;border-radius:var(--r-full);border:2px solid var(--c-bg);transition:background .3s}.visitor-status-dot.online{background:var(--c-online);box-shadow:0 0 4px #10b98180}.visitor-status-dot.tab-hidden{background:var(--c-warning);box-shadow:0 0 4px #f59e0b80}.visitor-status-dot.offline{background:var(--c-offline)}.avatar-attention-dot{position:absolute;top:-2px;right:-2px;width:10px;height:10px;border-radius:var(--r-full);border:2px solid var(--c-bg);background:var(--c-warning);box-shadow:0 0 4px #f59e0b80}.visitor-status-indicator{display:inline-flex;align-items:center;gap:4px;font-weight:500}.visitor-status-indicator.online{color:var(--c-online)}.visitor-status-indicator.tab-hidden{color:var(--c-warning)}.visitor-status-indicator.offline{color:var(--c-offline)}.visitor-status-dot-sm{width:6px;height:6px;border-radius:var(--r-full);display:inline-block}.visitor-status-indicator.online .visitor-status-dot-sm{background:var(--c-online);box-shadow:0 0 3px #10b98199}.visitor-status-indicator.tab-hidden .visitor-status-dot-sm{background:var(--c-warning);box-shadow:0 0 3px #f59e0b80}.visitor-status-indicator.offline .visitor-status-dot-sm{background:var(--c-offline)}.day-divider{display:flex;align-items:center;justify-content:center;margin:var(--sp-lg) 0;position:relative}.day-divider:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--c-border);z-index:0}.day-divider span{background:var(--c-bg-card);padding:4px 12px;font-size:11px;font-weight:600;color:var(--c-text-muted);border-radius:var(--r-full);border:1px solid var(--c-border);position:relative;z-index:1}.msg-day-divider{display:flex;justify-content:center;margin:24px 0 12px}.msg-day-divider span{font-size:11px;font-weight:600;color:var(--c-text-muted);background:var(--c-surface);padding:4px 12px;border-radius:12px;border:1px solid var(--c-border-light)}.conv-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.conv-top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.conv-name{font-size:14px;font-weight:600;color:var(--c-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.1px}.conv-time{font-size:11px;font-weight:500;color:var(--c-text-muted);flex-shrink:0;margin-left:8px}.conv-preview{font-size:13px;color:var(--c-text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.conv-typing-indicator{font-style:italic;color:var(--c-text-muted);font-weight:500}.typing-dots span{animation:typingDot 1.4s infinite;opacity:.3}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,to{opacity:.3}30%{opacity:1}}.conv-meta-row{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--c-text-muted);margin-top:4px}.conv-item.unread{background:#f59e0b1f;border-left-color:#f59e0b}.conv-item.unread .conv-name{font-weight:700}.conv-item.unread:hover{background:#f59e0b33}.conv-item.unread.active{background:var(--c-surface);border-left-color:var(--c-primary)}[data-theme=light] .conv-item.unread{background:#f59e0b1a;border-left-color:#f59e0b}[data-theme=light] .conv-item.unread:hover{background:#f59e0b29}[data-theme=light] .conv-item.unread.active{background:var(--c-surface);border-left-color:var(--c-primary)}.conv-agents{display:flex;align-items:center;margin-top:2px}.conv-agent-avatar{width:20px;height:20px;border-radius:50%;border:2px solid var(--c-bg-card);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;color:#fff;overflow:hidden;background:var(--c-primary)}.conv-agent-avatar:not(:first-child){margin-left:-6px}.conv-agent-avatar img{width:100%;height:100%;object-fit:cover}.conv-agent-more{width:20px;height:20px;border-radius:50%;border:2px solid var(--c-bg-card);flex-shrink:0;margin-left:-6px;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;color:var(--c-text-muted);background:var(--c-bg-elevated)}.ctx-menu{min-width:180px;background:var(--c-bg-elevated, var(--c-bg-card));border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:0 8px 24px #0000002e,0 2px 6px #00000014;padding:4px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:ctxFadeIn .12s ease-out}@keyframes ctxFadeIn{0%{opacity:0;transform:scale(.96) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.ctx-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 12px;border:none;background:transparent;color:var(--c-text-dim);font-size:13px;font-weight:500;font-family:var(--font);border-radius:var(--r-sm);cursor:pointer;transition:background var(--t-fast),color var(--t-fast);white-space:nowrap}.ctx-item:hover{background:var(--c-bg-hover);color:var(--c-text)}.ctx-item.ctx-item-active{background:var(--c-bg-hover);font-weight:var(--fw-semibold)}.ctx-item.ctx-danger{color:var(--c-danger)}.ctx-item.ctx-danger:hover{background:var(--c-danger-subtle);color:var(--c-danger)}.ctx-divider{height:1px;background:var(--c-border);margin:4px 8px}.chat-window{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.chat-header{padding:16px 24px;border-bottom:1px solid var(--c-border);display:flex;align-items:center;justify-content:space-between;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10;box-shadow:0 1px 3px #00000005}.chat-header-info{display:flex;align-items:center;gap:16px}.chat-header-info .conv-avatar{width:44px;height:44px;font-size:18px;box-shadow:0 2px 6px #00000014}.chat-header-info .visitor-status-dot{width:12px;height:12px;right:-1px;bottom:-1px;border-width:2.5px}.chat-visitor-name{font-size:18px;font-weight:700;letter-spacing:-.3px;color:var(--c-text);margin-bottom:2px}.chat-visitor-detail{font-size:12px;color:var(--c-text-muted);font-weight:500;display:flex;align-items:center}.chat-actions{display:flex;align-items:center;gap:var(--sp-sm)}.header-badge{padding:6px 14px;border-radius:var(--r-md);font-size:12px;font-weight:600;display:flex;align-items:center;letter-spacing:.2px}.btn-icon-ghost{width:36px;height:36px;border-radius:var(--r-md);border:none;background:transparent;color:var(--c-text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--t-fast);font-size:18px}.btn-icon-ghost:hover{background:var(--c-surface);color:var(--c-text)}.btn-icon-ghost:active{transform:scale(.95)}.btn-icon{width:36px;height:36px;border-radius:var(--r-md);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--t-fast);font-size:16px;box-shadow:var(--shadow-sm)}.btn-icon:hover{background:var(--c-bg-hover);color:var(--c-text);border-color:var(--c-border-light);transform:translateY(-1px)}.btn-icon:active{transform:scale(.95);box-shadow:none}.mobile-back-btn{display:none}.chat-messages{flex:1;overflow-y:auto;overflow-anchor:auto;padding:0;display:block;background:var(--c-bg)}.chat-messages-inner{display:flex;flex-direction:column;justify-content:flex-end;min-height:100%;padding-bottom:12px}.msg-row{display:flex;gap:12px;padding:4px 24px;position:relative;transition:background var(--t-fast)}.msg-row:hover{background:#0000000a}[data-theme=dark] .msg-row:hover{background:#ffffff0a}.msg-row:not(.msg-continuation){margin-top:12px}.msg-row.msg-continuation{margin-top:0;padding-top:2px}.msg-row.msg-unread{background:#40b5a60a}[data-theme=dark] .msg-row.msg-unread{background:#40b5a61a}.msg-row.msg-note{background:transparent;margin-top:0}[data-theme=dark] .msg-row.msg-note{background:transparent}@keyframes msgSlideIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.msg-avatar{flex-shrink:0;padding-top:2px}.msg-avatar-spacer{width:36px;flex-shrink:0}.msg-avatar-img{width:36px;height:36px;border-radius:var(--r-md);object-fit:cover}.msg-avatar-placeholder{width:36px;height:36px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;overflow:hidden}.msg-avatar-placeholder img{width:100%;height:100%;object-fit:cover}.msg-avatar-placeholder.agent{background:var(--c-primary)}.msg-avatar-placeholder.visitor{background:#78909c}.msg-content{flex:1;min-width:0;max-width:800px}.msg-header{display:flex;align-items:center;gap:8px;margin-bottom:2px;min-width:0;flex-wrap:nowrap}.msg-name{font-size:14px;font-weight:600;color:var(--c-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.msg-name.agent{color:var(--agent-color, var(--c-primary-light))}.msg-name.note{color:var(--agent-color, var(--c-text))}.msg-note-label{font-size:11px;color:#d97706;font-weight:600;background:#f59e0b26;padding:2px 8px;border-radius:4px;border:1px solid rgba(245,158,11,.2);white-space:nowrap;flex-shrink:0}.msg-auto-badge{font-size:11px;color:var(--c-primary);background:#40b5a61a;border:1px solid rgba(64,181,166,.15);border-radius:4px;padding:2px 8px;font-weight:600;white-space:nowrap;flex-shrink:0}.msg-header-time{font-size:11px;color:var(--c-text-muted);white-space:nowrap;flex-shrink:0}.msg-text{font-size:var(--chat-font-size, 14px);line-height:1.5;color:var(--c-text);white-space:pre-wrap;word-break:break-word;width:100%}.msg-row.msg-note .msg-text{color:var(--c-text)}.msg-row.msg-note .msg-content{background:#ffc4002b;padding:8px 12px;border-radius:var(--r-md);margin-top:-2px}[data-theme=dark] .msg-row.msg-note .msg-content{background:#ffc4001a}.email-card{position:relative;border:1px solid var(--c-border);border-radius:var(--r-md);padding:0;margin:16px 24px;background:transparent;box-shadow:0 1px 3px #0000000f,0 4px 12px #00000014,0 0 0 1px #00000008;overflow:hidden;transition:box-shadow .25s ease,transform .25s ease}[data-theme=dark] .email-card{box-shadow:0 1px 3px #00000040,0 4px 16px #00000059,0 0 0 1px #ffffff0a}.email-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2d9385,#40b5a6,#5ed3c5)}.email-card.email-card--agent:before{background:linear-gradient(90deg,#5b4bd5,#6c5ce7,#8b7cf0)}.email-card.email-card--pending{opacity:.65}.email-card-header{display:flex;align-items:center;gap:var(--sp-md);padding:18px 20px 12px}.email-card-avatar{width:40px;height:40px;border-radius:var(--r-full);flex-shrink:0;background:linear-gradient(135deg,#42a5f5,#1e88e5);display:flex;align-items:center;justify-content:center;font-size:15px;color:#fff;font-weight:700;overflow:hidden;box-shadow:0 2px 8px #42a5f540}.email-card--agent .email-card-avatar{background:var(--c-accent);box-shadow:var(--shadow-sm)}.email-card-avatar img{width:100%;height:100%;object-fit:cover}.email-card-meta{flex:1;min-width:0}.email-card-sender{display:flex;align-items:baseline;gap:var(--sp-sm);flex-wrap:wrap}.email-card-sender-name{font-weight:600;font-size:15px;color:var(--c-text)}.email-card-time{font-size:12px;color:var(--c-text-muted)}.email-card-cc{font-size:12px;color:var(--c-text-muted);margin-top:2px}.email-card-subject{font-size:13px;color:var(--c-text-muted);padding:0 20px 10px;font-weight:500}.email-card-subject span{color:var(--c-text-dim)}.email-card-body{font-size:14px;line-height:1.6;white-space:pre-wrap;word-break:break-word;color:var(--c-text);padding:0 20px 16px}.email-card-body ul,.email-card-body ol{padding-left:24px;margin:6px 0}.email-card-body ul{list-style:disc}.email-card-body ol{list-style:decimal}.email-card-body li{margin:2px 0;padding-left:4px}.email-card-body.email-html-body{white-space:normal;overflow:hidden}.email-html-body img{max-width:100%;height:auto}.email-html-body table{max-width:100%;border-collapse:collapse}.email-html-body a{color:var(--c-primary);text-decoration:underline}.email-html-body p{margin:0 0 .6em;padding:0}.email-html-body p:last-child{margin-bottom:0}.email-html-body div{margin:0;padding:0}.email-html-body blockquote{border-left:3px solid var(--c-border);padding-left:10px;margin:8px 0}.email-html-body ul,.email-html-body ol{padding-left:24px;margin:6px 0}.email-html-body ul{list-style:disc}.email-html-body ol{list-style:decimal}.email-html-body li{margin:2px 0;padding-left:4px}[data-theme=dark] .email-html-designed{background:#fff;color:#1a1a1a;border-radius:6px}.email-card-quote{padding:0 20px 16px}.email-card-quote-btn{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-full);padding:5px 14px;font-size:12px;color:var(--c-text-muted);cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-weight:500;transition:all .2s ease}.email-card-quote-btn:hover{background:var(--c-bg-hover);color:var(--c-text-dim);border-color:var(--c-border-light)}.email-card-quote-content{margin-top:8px;padding:10px 12px;border-left:3px solid var(--c-border);background:#00000005;border-radius:0 var(--r-sm) var(--r-sm) 0;font-size:13px;line-height:1.5;color:var(--c-text);white-space:pre-wrap;word-break:break-word}[data-theme=dark] .email-card-quote-content{background:#ffffff08}.email-card-quote-content.email-html-body{white-space:normal}.email-card-quote-content blockquote{border-left:2px solid var(--c-border);padding-left:8px;margin:4px 0;background:transparent}.email-card-quote-content p{margin:0 0 .4em}.email-card-quote-content p:last-child{margin-bottom:0}.email-card-attachments{padding:0 20px 16px;display:flex;flex-wrap:wrap;gap:10px}.email-card-attachment{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--c-border);border-radius:var(--r-md);text-decoration:none;color:inherit;background:var(--c-surface);width:fit-content;min-width:200px;max-width:100%;transition:all .2s ease}.email-card-attachment:hover{background:var(--c-bg-hover);border-color:var(--c-border-light);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.email-card-att-thumb{width:38px;height:38px;border-radius:var(--r-sm);overflow:hidden;flex-shrink:0;border:1px solid var(--c-border)}.email-card-att-thumb img{width:100%;height:100%;object-fit:cover}.email-card-att-icon{width:38px;height:38px;border-radius:var(--r-sm);flex-shrink:0;background:color-mix(in srgb,var(--c-primary) 10%,transparent);display:flex;align-items:center;justify-content:center;font-size:16px}.email-card-att-info{overflow:hidden;flex:1}.email-card-att-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-card-att-size{font-size:12px;color:var(--c-text-muted);margin-top:2px}.email-card-pending{padding:0 20px 16px;font-size:12px;color:var(--c-accent);font-style:italic;font-weight:500}@media(max-width:768px){.email-card{margin:12px}.email-card-header{padding:14px 16px 10px}.email-card-body,.email-card-quote,.email-card-attachments{padding:0 16px 14px}.email-card-subject{padding:0 16px 8px}.email-card-pending{padding:0 16px 14px}}.mail-page{display:flex;height:100%}.mail-sidebar{width:340px;min-width:260px;border-right:1px solid var(--c-border);display:flex;flex-direction:column;background:var(--c-bg)}.mail-sidebar-header{padding:var(--sp-md);border-bottom:1px solid var(--c-border);display:flex;align-items:center;gap:var(--sp-sm)}.mail-sidebar-icon{color:var(--c-accent);flex-shrink:0}.mail-sidebar-title{margin:0;font-size:16px;font-weight:600}.mail-sidebar-actions{margin-left:auto;display:flex;gap:var(--sp-xs)}.mail-compose-btn{font-size:12px;padding:5px 10px;display:flex;align-items:center;gap:var(--sp-xs)}.mail-status-tabs{display:flex;gap:var(--sp-xs);padding:var(--sp-sm) var(--sp-md);border-bottom:1px solid var(--c-border)}.mail-status-tab{flex:1;padding:6px var(--sp-sm);font-size:12px;border:1px solid var(--c-border);border-radius:6px;cursor:pointer;background:transparent;color:var(--c-text-muted);font-weight:400;transition:all .2s}.mail-status-tab.active{background:var(--c-accent);color:#fff;font-weight:600;border-color:var(--c-accent)}.mail-conv-list{flex:1;overflow-y:auto}.mail-empty-state{padding:var(--sp-xl);text-align:center;color:var(--c-text-muted)}.mail-empty-icon{opacity:.2;margin-bottom:var(--sp-md)}.mail-empty-hint{font-size:12px;margin-top:var(--sp-xs);color:var(--c-text-muted)}.mail-conv-item{padding:var(--sp-md);cursor:pointer;border-bottom:1px solid var(--c-border);background:transparent;transition:background .15s}.mail-conv-item:hover{background:var(--c-bg-hover)}.mail-conv-item.active{background:var(--c-bg-elevated)}.mail-conv-row{display:flex;align-items:center;gap:var(--sp-sm);margin-bottom:var(--sp-xs)}.mail-conv-avatar{width:28px;height:28px;border-radius:var(--r-full);background:var(--c-accent);display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;flex-shrink:0;font-weight:700}.mail-conv-name{flex:1;min-width:0;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-conv-date{font-size:11px;color:var(--c-text-muted);flex-shrink:0}.mail-conv-subject{font-size:12px;font-weight:500;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-conv-preview{font-size:12px;color:var(--c-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-content{flex:1;display:flex;flex-direction:column;background:var(--c-bg);min-width:0;position:relative}.mail-empty-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--c-text-muted)}.mail-empty-title{font-size:16px}.mail-compose{flex:1;display:flex;flex-direction:column}.mail-compose-header{padding:var(--sp-md) 20px;border-bottom:1px solid var(--c-border);display:flex;align-items:center;gap:var(--sp-md)}.mail-compose-title{font-weight:600;font-size:14px}.mail-compose-close{margin-left:auto}.mail-compose-body{flex:1;padding:20px var(--sp-lg);display:flex;flex-direction:column;gap:var(--sp-md)}.mail-compose-message{flex:1}.mail-compose-textarea{width:100%;height:100%;min-height:200px;resize:none;font-family:inherit;line-height:1.5;box-sizing:border-box}.mail-compose-actions{display:flex;gap:var(--sp-sm);align-items:center}.mail-send-btn{display:flex;align-items:center;gap:var(--sp-sm)}.mail-file-input{display:none}.mail-draft-attachments,.mail-draft-attachments-bar{display:flex;flex-wrap:wrap;gap:6px}.mail-draft-attachments-bar{padding:var(--sp-sm) 20px 0}.mail-draft-att-chip{display:flex;align-items:center;gap:6px;padding:var(--sp-xs) 10px;background:var(--c-bg-elevated);border:1px solid var(--c-border);border-radius:6px;font-size:12px}.mail-draft-att-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-draft-att-size{color:var(--c-text-muted);font-size:11px}.mail-draft-att-remove{background:none;border:none;cursor:pointer;padding:0;color:var(--c-text-muted)}.mail-draft-att-remove:hover{color:var(--c-danger)}.mail-thread-header{padding:var(--sp-md) 20px;border-bottom:1px solid var(--c-border);display:flex;align-items:center;gap:var(--sp-md)}.mail-thread-meta{flex:1;min-width:0}.mail-thread-subject{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-thread-count{font-size:12px;color:var(--c-text-muted)}.mail-status-badge{padding:var(--sp-xs) 10px;border-radius:var(--r-md);font-size:11px;font-weight:600;background:#9e9e9e26;color:var(--c-text-muted);flex-shrink:0}.mail-status-badge.open{background:#4caf5026;color:var(--c-success)}.mail-messages{flex:1;overflow-y:auto;padding:20px var(--sp-lg)}.mail-date-separator{text-align:center;margin:var(--sp-lg) 0 var(--sp-md);position:relative;font-size:13px;color:var(--c-text-muted);font-weight:500}.mail-date-text{background:var(--c-bg);padding:0 var(--sp-md);position:relative;z-index:1}.mail-date-line{position:absolute;top:50%;left:0;right:0;height:1px;background:var(--c-border)}.mail-read-badge{font-size:11px;font-weight:600;padding:2px var(--sp-sm);border-radius:var(--r-full);background:#4caf501f;color:var(--c-success);display:flex;align-items:center;gap:3px}.email-card-header-right{display:flex;align-items:center;gap:var(--sp-sm);flex-shrink:0}.email-card-quote-chevron{transition:transform .2s}.email-card-quote-chevron.expanded{transform:rotate(180deg)}.email-card-att-download{color:var(--c-accent);flex-shrink:0}.mail-reply-bar{border-top:1px solid var(--c-border);background:var(--c-bg)}.mail-reply-row{padding:var(--sp-md) 20px;display:flex;gap:var(--sp-sm);align-items:flex-end}.mail-attach-btn{width:42px;height:42px;border-radius:10px;flex-shrink:0}.mail-reply-textarea{flex:1;padding:10px 14px;border-radius:10px;border:1px solid var(--c-border);background:var(--c-bg-elevated);color:var(--c-text);font-size:14px;resize:none;min-height:42px;max-height:200px;line-height:1.5;font-family:inherit;outline:none;box-sizing:border-box}.mail-reply-textarea:focus{border-color:var(--c-primary);box-shadow:0 0 0 2px #40b5a626}.mail-send-icon{width:42px;height:42px;border-radius:10px;background:var(--c-accent);color:#fff;flex-shrink:0}.mail-send-icon.disabled{background:var(--c-border);cursor:not-allowed}.mail-info-panel{width:280px;border-left:1px solid var(--c-border);background:var(--c-bg);overflow-y:auto;padding:20px var(--sp-md);display:flex;flex-direction:column;gap:20px}.mail-visitor-card{text-align:center}.mail-visitor-avatar{width:56px;height:56px;border-radius:var(--r-full);margin:0 auto 10px;background:linear-gradient(135deg,#42a5f5,#1e88e5);display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;font-weight:700}.mail-visitor-name{font-weight:600;font-size:15px}.mail-visitor-email{font-size:13px;color:var(--c-text-muted);margin-top:2px}.mail-info-meta{display:flex;flex-direction:column;gap:10px}.mail-info-row{display:flex;align-items:flex-start;gap:var(--sp-sm)}.mail-info-row-icon{color:var(--c-text-muted);margin-top:2px;flex-shrink:0}.mail-info-row-content{min-width:0}.mail-info-row-label{font-size:11px;color:var(--c-text-muted);font-weight:500}.mail-info-row-value{font-size:13px;word-break:break-word}.mail-info-section-title{font-size:12px;font-weight:600;color:var(--c-text-muted);margin-bottom:var(--sp-sm);text-transform:uppercase;letter-spacing:.5px}.mail-info-section-list{display:flex;flex-direction:column;gap:6px}.mail-related-chat{display:flex;align-items:center;gap:var(--sp-sm);padding:var(--sp-sm) var(--sp-md);border-radius:var(--r-sm);border:1px solid var(--c-border);background:var(--c-bg-elevated);text-decoration:none;color:var(--c-text);font-size:13px;cursor:pointer;transition:background .15s}.mail-related-chat:hover{background:var(--c-bg-hover)}.mail-related-chat-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-related-chat-link{color:var(--c-text-muted);flex-shrink:0}.mail-notes-textarea{resize:vertical;font-size:13px;line-height:1.4}.mail-notes-saving{font-size:11px;color:var(--c-text-muted);margin-top:2px}.mail-agent-row{display:flex;align-items:center;gap:var(--sp-sm);margin-bottom:6px}.mail-agent-avatar{width:24px;height:24px;border-radius:var(--r-full);background:var(--c-accent);display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;font-weight:700;overflow:hidden}.mail-agent-avatar img{width:100%;height:100%;object-fit:cover}.mail-agent-name{font-size:13px}.msg-edited{font-size:10px;color:var(--c-text-muted);font-style:italic}.msg-actions{position:absolute;top:-2px;right:0;display:none;gap:2px}.msg-row:hover .msg-actions{display:flex}.msg-action-btn{width:24px;height:24px;border-radius:var(--r-sm);border:none;background:#ffffff1a;color:var(--c-text-dim);font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--t-fast)}.msg-action-btn:hover{background:#fff3;color:#fff}[data-theme=light] .msg-action-btn{background:#0000000d;color:var(--c-text-muted)}[data-theme=light] .msg-action-btn:hover{background:#0000001a;color:var(--c-text)}.msg-action-btn.delete:hover,[data-theme=light] .msg-action-btn.delete:hover{background:#ef535026;color:var(--c-danger)}.msg-edit-area{display:flex;flex-direction:column;gap:8px;width:100%;max-width:800px;position:relative;margin-top:4px}.msg-edit-input{width:100%;min-height:56px;padding:10px 12px;border-radius:var(--r-md);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);font-family:inherit;font-size:var(--chat-font-size, 14px);line-height:1.5;resize:vertical;outline:none;transition:all var(--t-fast);scrollbar-width:none}.msg-edit-input::-webkit-scrollbar{display:none}.msg-edit-input:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px #40b5a626}.msg-edit-actions{display:flex;gap:6px;justify-content:flex-end}.msg-edit-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;border-radius:var(--r-md);font-size:12px;font-weight:600;cursor:pointer;border:none;transition:all var(--t-fast)}.msg-edit-btn.save{background:var(--c-primary);color:#fff}.msg-edit-btn.save:hover{background:var(--c-primary-dark)}.msg-edit-btn.cancel{background:transparent;color:var(--c-text-muted)}.msg-edit-btn.cancel:hover{background:var(--c-surface-hover);color:var(--c-text)}.msg-sender{font-size:11px;font-weight:600;color:var(--c-primary-light);margin-bottom:2px}.typing-indicator{align-self:flex-start;display:flex;gap:4px;padding:var(--sp-sm) var(--sp-md);background:var(--c-surface);border-radius:var(--r-lg);align-items:center}.typing-dot{width:6px;height:6px;border-radius:var(--r-full);background:var(--c-text-dim);animation:typingBounce 1.4s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.typing-bar{padding:8px 20px;font-size:13px;color:var(--c-text-muted);border-top:1px solid var(--c-border);background:color-mix(in srgb,var(--c-bg) 92%,var(--c-primary) 8%);display:flex;align-items:center;gap:10px;height:32px;overflow:hidden}.typing-bar--hidden .typing-bar-text{opacity:0}.scroll-to-bottom-btn{position:absolute;bottom:100px;left:50%;transform:translate(-50%);background:var(--c-primary);color:#fff;border:none;border-radius:20px;padding:var(--sp-sm) 18px;cursor:pointer;font-size:13px;font-weight:600;box-shadow:var(--shadow-md);z-index:50;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;transition:box-shadow var(--t-fast),transform var(--t-fast)}.scroll-to-bottom-btn:hover{box-shadow:var(--shadow-lg);transform:translate(-50%) translateY(-2px)}.typing-bar-text{opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:18px}.agent-presence-bar{padding:8px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--c-border);background:color-mix(in srgb,var(--c-bg-card) 95%,var(--c-primary) 5%);min-height:36px}.agent-presence-avatars{display:flex;flex-shrink:0}.agent-presence-avatar{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--c-primary-light),var(--c-primary-dark));color:#fff;font-size:9px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--c-bg-card);overflow:hidden;margin-left:-5px;transition:transform .15s}.agent-presence-avatar:first-child{margin-left:0}.agent-presence-avatar:hover{transform:translateY(-2px);z-index:1}.agent-presence-avatar img{width:100%;height:100%;object-fit:cover}.agent-presence-more{background:var(--c-surface);color:var(--c-text-muted);font-size:8px}.agent-presence-names{font-size:12px;color:var(--c-text-muted);display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-presence-typing{display:inline-flex;gap:3px;align-items:center;margin-left:4px}.agent-presence-typing .typing-dot{width:4px;height:4px;background:var(--c-primary);opacity:.7}.replies-popup{background:var(--c-bg);border:1px solid var(--c-border);border-radius:12px;margin:0 16px 4px;max-height:280px;overflow-y:auto;box-shadow:0 -4px 20px #00000026;animation:repliesSlideUp .15s ease-out}@keyframes repliesSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.replies-popup-header{padding:10px 14px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--c-text-dim);border-bottom:1px solid var(--c-border);position:sticky;top:0;background:var(--c-bg);z-index:1}.replies-popup-item{padding:10px 14px;cursor:pointer;border-bottom:1px solid var(--c-border);transition:background .1s}.replies-popup-item:last-child{border-bottom:none}.replies-popup-item:hover,.replies-popup-item.selected{background:var(--c-surface-hover)}.replies-popup-item.selected{border-left:3px solid var(--c-accent, #6C5CE7);padding-left:11px}.replies-popup-title{font-size:13px;font-weight:600;margin-bottom:3px;display:flex;align-items:center;gap:6px}.replies-popup-tag{font-size:11px;font-weight:700;color:var(--c-accent, #6C5CE7);background:#40b5a61f;padding:1px 6px;border-radius:4px;font-family:monospace}.replies-popup-body{font-size:12px;color:var(--c-text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:500px}.replies-popup-empty{padding:16px;text-align:center;color:var(--c-text-dim);font-size:13px}.chat-input-area{padding:var(--sp-sm) var(--sp-md);border-top:1px solid var(--c-border);display:flex;gap:6px;align-items:center;transition:background .2s;position:relative}.session-locked-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--c-bg, #fff);opacity:.95;z-index:10}.btn-connect-session{display:inline-flex;align-items:center;padding:8px 24px;border:1px solid var(--c-border);border-radius:20px;background:var(--c-bg, #fff);color:var(--c-text);font-size:14px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.btn-connect-session:hover{border-color:var(--c-primary, #6C5CE7);box-shadow:0 0 0 3px var(--c-primary-soft, rgba(108, 92, 231, .12))}.chat-input-area.comment-mode{background:#f59e0b26;border-top-color:#f59e0b66}.chat-input-area.drag-over{background:var(--c-primary-soft, rgba(108, 92, 231, .08));border-top-color:var(--c-primary);outline:2px dashed var(--c-primary);outline-offset:-4px}.chat-panel-drag-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;display:flex;align-items:center;justify-content:center;background:var(--c-primary-subtle);outline:2px dashed var(--c-primary);outline-offset:-12px;font-size:15px;font-weight:600;color:var(--c-primary)}.chat-input{flex:1;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);padding:10px 14px;font-size:14px;color:var(--c-text);font-family:inherit;resize:none;min-height:40px;max-height:120px;outline:none;box-shadow:inset 0 1px 2px #0000000d;overflow-y:auto;scrollbar-width:none}.chat-input::-webkit-scrollbar{display:none}.chat-input.comment-mode{border-color:#f59e0b80;background:var(--c-bg-card);box-shadow:inset 0 1px 2px #f59e0b0d}.chat-input.comment-mode:focus{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}.chat-input:focus{border-color:var(--c-primary);background:var(--c-bg-card);box-shadow:0 0 0 3px #40b5a633}.chat-input::placeholder{color:var(--c-text-muted)}@keyframes aiGlow{0%{box-shadow:0 0 0 2px #a855f733,inset 0 1px 2px #0000000d;border-color:#a855f766}50%{box-shadow:0 0 0 4px #06b6d440,inset 0 1px 2px #0000000d;border-color:#06b6d480}to{box-shadow:0 0 0 2px #a855f733,inset 0 1px 2px #0000000d;border-color:#a855f766}}.chat-input.ai-improving{animation:aiGlow 1.2s ease-in-out infinite;background:var(--c-bg-card)}.ai-sparkle-icon{display:block;transition:color var(--t-fast)}.input-icon-btn:hover .ai-sparkle-icon{color:var(--c-accent)}@keyframes aiSparkleShimmer{0%{color:var(--c-text-dim)}25%{color:#2dd4bf}50%{color:#a78bfa}75%{color:#34d399}to{color:var(--c-text-dim)}}.ai-sparkle-icon.ai-sparkle-active{animation:aiSparkleShimmer 1.8s ease-in-out infinite}.btn-send{width:40px;height:40px;border-radius:var(--r-md);background:linear-gradient(135deg,var(--c-primary-light),var(--c-primary-dark));color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all var(--t-fast);flex-shrink:0;box-shadow:var(--shadow-sm)}.btn-send:hover{transform:translateY(-1px);box-shadow:0 4px 12px #40b5a64d}.btn-send:active{transform:scale(.95);box-shadow:none}.btn-send:disabled{opacity:.4;cursor:default;transform:none;background:var(--c-surface);color:var(--c-text-muted);box-shadow:none}.input-icon-btn{width:32px;height:32px;border-radius:var(--r-sm);border:none;background:none;color:var(--c-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--t-fast)}.input-icon-btn:hover{color:var(--c-text);background:#ffffff0f}.input-icon-btn.active-comment{color:#ffb300;background:#ffb3001f}.input-icon-btn.active-comment:hover{background:#ffb30033}.input-icon-btn:disabled{opacity:.3;cursor:default}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;background:var(--c-bg)}.login-card{background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp-2xl);width:100%;max-width:420px;box-shadow:var(--shadow-lg)}.login-title{font-size:28px;font-weight:700;text-align:center;margin-bottom:var(--sp-xs);color:#fff}.login-subtitle{text-align:center;color:var(--c-text-dim);font-size:14px;margin-bottom:var(--sp-xl)}.form-group{margin-bottom:var(--sp-md)}.form-label{display:block;font-size:13px;font-weight:500;color:var(--c-text-dim);margin-bottom:var(--sp-xs)}.form-input{width:100%;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);padding:10px var(--sp-md);color:var(--c-text);font-family:var(--font);font-size:14px;outline:none;transition:border-color var(--t-fast)}.form-input:focus{border-color:var(--c-primary)}.form-input::placeholder{color:var(--c-text-muted)}.form-hint{display:block;margin-top:var(--sp-xs);font-size:12px;color:var(--c-text-dim);line-height:1.4}.btn-primary{width:100%;padding:12px;background:linear-gradient(135deg,var(--c-primary-light),var(--c-primary-dark));color:#fff;border:none;border-radius:var(--r-md);font-family:var(--font);font-size:15px;font-weight:600;cursor:pointer;transition:all var(--t-fast);margin-top:var(--sp-md);box-shadow:var(--shadow-sm)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #40b5a640}.btn-primary:active{transform:scale(.98);box-shadow:none}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.form-error{background:#ff47571a;border:1px solid rgba(255,71,87,.3);color:var(--c-danger);padding:var(--sp-sm) var(--sp-md);border-radius:var(--r-md);font-size:13px;margin-bottom:var(--sp-md)}.page-container{padding:var(--sp-xl);padding-bottom:80px;overflow-y:auto;flex:1;background:var(--c-bg)}.page-title{font-size:24px;font-weight:700;margin-bottom:var(--sp-lg)}.visitors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--sp-md)}.format-toolbar{display:flex;align-items:center;gap:6px}.format-btn{background:transparent;border:none;padding:4px 8px;border-radius:var(--r-md);font-size:12px;font-weight:600;color:var(--c-text-muted);cursor:pointer;transition:all var(--t-fast);display:flex;align-items:center;gap:4px}.format-btn:hover{background:var(--c-surface-hover);color:var(--c-text)}.visitor-card{background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp-lg);transition:all var(--t-fast);cursor:pointer}.visitor-card:hover{border-color:var(--c-border-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.visitor-card-header{display:flex;align-items:center;gap:var(--sp-md);margin-bottom:var(--sp-md)}.visitor-online-dot{width:10px;height:10px;border-radius:var(--r-full);background:var(--c-online);box-shadow:0 0 8px #00d68f80;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #00d68f66}70%{box-shadow:0 0 0 8px #00d68f00}to{box-shadow:0 0 #00d68f00}}.visitor-meta{font-size:12px;color:var(--c-text-dim);display:flex;flex-direction:column;gap:var(--sp-xs)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:var(--r-full);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.open{background:#00d68f26;color:var(--c-success)}.status-badge.pending{background:#ffb80026;color:var(--c-warning)}.status-badge.closed{background:#5e5e7a26;color:var(--c-text-muted)}.chat-empty{flex:1;display:flex;align-items:center;justify-content:center}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--sp-md);color:var(--c-text-muted)}.empty-state-icon{font-size:48px;opacity:.5}.empty-state-text{font-size:15px}.visitors-table{width:100%;border-collapse:collapse;background:var(--c-bg-card);border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--c-border)}.visitors-table th{text-align:left;padding:12px 16px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--c-text-muted);background:var(--c-surface);border-bottom:1px solid var(--c-border)}.visitors-table td{padding:12px 16px;border-bottom:1px solid var(--c-border);vertical-align:middle}.visitors-table tr:last-child td{border-bottom:none}.visitors-table tr:hover td{background:var(--c-bg-hover)}.visitor-row-clickable{cursor:pointer;transition:background var(--t-fast)}.visitor-row-clickable:hover td{background:var(--c-bg-active)!important}.visitor-row-clickable:active td{background:var(--c-primary-dark)!important}.visitor-info-panel{width:320px;border-left:1px solid var(--c-border);background:var(--c-bg-card);display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0}.visitor-info-header{padding:24px 20px;text-align:center;border-bottom:1px solid var(--c-border)}.panel-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--c-text-muted);padding:12px 20px 6px;border-top:1px solid var(--c-border);position:relative}.panel-section-title:after{content:"";display:block;margin-top:6px;margin-left:0;width:40px;height:1px;background:var(--c-border)}.visitor-info-panel>.panel-section-title:first-child{border-top:none}.visitor-info-avatar{width:56px;height:56px;border-radius:var(--r-full);background:linear-gradient(135deg,var(--c-primary),var(--c-primary-light));display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;color:#fff;margin:0 auto 12px}.visitor-info-name{font-size:16px;font-weight:600}.visitor-info-fields{padding:16px 20px;border-bottom:1px solid var(--c-border);display:flex;flex-direction:column;gap:12px}.info-field label{display:block;font-size:11px;font-weight:600;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.info-field-row{display:flex;align-items:center;gap:6px}.info-field-row input{flex:1;min-width:0}.copy-btn{background:var(--c-surface);border:1px solid var(--c-border);cursor:pointer;color:var(--c-text-muted);padding:9px 8px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .15s,border-color .15s}.copy-btn:hover{color:var(--c-text);border-color:var(--c-border-light)}.meta-copyable{cursor:pointer}.info-field input,.info-field textarea{width:100%;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-sm);padding:8px 12px;color:var(--c-text);font-family:inherit;font-size:13px;outline:none;transition:border-color var(--t-fast),box-shadow var(--t-fast);resize:vertical}.info-field input:focus,.info-field textarea:focus{border-color:var(--c-primary)}.visitor-info-section{border-top:1px solid var(--c-border)}.visitor-info-section .visitor-info-meta{border-top:none}.visitor-info-meta{padding:12px 20px;display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--c-border)}.meta-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0;gap:16px}.meta-label{font-size:11px;font-weight:600;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.meta-label--key{text-transform:none;font-size:10px;letter-spacing:0}.meta-value{font-size:13px;color:var(--c-text-dim);text-align:right;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}a.meta-link{color:var(--c-primary);text-decoration:none;cursor:pointer;transition:color var(--t-fast)}a.meta-link:hover{color:var(--c-primary-light);text-decoration:underline}.meta-value--action{font-weight:600;color:var(--c-text-dim);display:flex;align-items:center;gap:4px;max-width:none;overflow:visible;white-space:normal}.meta-agent-row{display:flex;align-items:center;gap:8px;padding:4px 0;border-radius:var(--r-sm)}.meta-agent-row:hover .meta-agent-remove{opacity:1}.meta-agent-avatar{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--c-primary),#40B5A6);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.meta-agent-status-dot{position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;border-radius:50%;border:2px solid var(--c-bg-elevated)}.meta-agent-name{flex:1;font-size:13px;color:var(--agent-color, var(--c-text));font-weight:500;display:flex;align-items:center;gap:5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meta-agent-you{font-size:10px;color:var(--c-text-muted);font-weight:400}.meta-agent-remove{flex-shrink:0;width:24px;height:24px;border-radius:var(--r-sm);border:none;background:transparent;color:var(--c-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--t-fast),background var(--t-fast),color var(--t-fast);margin-left:auto}.meta-agent-remove:hover{background:var(--c-danger-subtle);color:var(--c-danger)}.meta-agent-dropdown-row{display:flex;align-items:center;gap:8px;padding:6px 10px;cursor:pointer;border-radius:var(--r-sm);transition:background .1s}.meta-agent-dropdown-row:hover{background:var(--c-bg-hover)}.meta-dropdown{background:var(--c-bg-elevated);border:1px solid var(--c-border);border-radius:var(--r-md);padding:var(--sp-xs);box-shadow:var(--shadow-md)}.meta-dropdown--absolute{position:absolute;top:100%;left:0;right:0;z-index:50}.meta-dropdown--inline{margin-top:6px}.meta-dropdown-row{display:flex;align-items:center;gap:var(--sp-sm);padding:6px 10px;cursor:pointer;border-radius:var(--r-sm);font-size:13px;color:var(--c-text);transition:background var(--t-fast)}.meta-dropdown-row:hover{background:var(--c-bg-hover)}.meta-dropdown-row .meta-dropdown-check{flex-shrink:0;color:var(--c-success)}.meta-dept-dot{width:8px;height:8px;border-radius:var(--r-full);flex-shrink:0}.meta-chevron{display:inline-flex;align-items:center;opacity:.7}.agent-presence-typing-label{display:inline-flex;align-items:center;gap:4px;color:var(--c-primary);font-weight:500}.msg-body-wrap{position:relative}.msg-edit-trigger{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:var(--r-sm);border:none;background:#0000004d;color:#ffffffb3;font-size:12px;cursor:pointer;display:none;align-items:center;justify-content:center;transition:background var(--t-fast),color var(--t-fast)}.typing-indicator-area{align-self:flex-start;display:flex;flex-direction:column;gap:4px}.typing-preview-text{background:var(--c-surface);border:1px dashed var(--c-border);border-radius:var(--r-md);padding:8px 12px;font-size:13px;color:var(--c-text-dim);font-style:italic;max-width:300px;word-break:break-word}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:24px;width:100%;max-width:480px;box-shadow:var(--shadow-lg)}.modal-content h3{font-size:18px;font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.btn-secondary{padding:8px 16px;background:var(--c-surface);color:var(--c-text-dim);border:1px solid var(--c-border);border-radius:var(--r-sm);font-family:var(--font);font-size:13px;cursor:pointer;transition:all var(--t-fast)}.btn-secondary:hover{background:var(--c-bg-hover);color:var(--c-text)}.modal-content .btn-primary{width:auto;padding:8px 16px;margin-top:0}.msg-day-divider{display:flex;align-items:center;gap:12px;padding:12px 0 4px}.msg-day-divider:before,.msg-day-divider:after{content:"";flex:1;height:1px;background:var(--c-border)}.msg-day-divider span{font-size:11px;font-weight:600;color:var(--c-text-muted);white-space:nowrap;text-transform:lowercase}.msg-system{padding:2px 14px;margin:2px 0;font-size:11px;color:var(--c-text-muted);display:flex;align-items:center;gap:6px;min-width:0}.msg-system span:first-child{color:var(--c-text-dim);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.msg-system-time{font-size:10px;opacity:.5;flex-shrink:0}.msg-page-transition{display:flex;align-items:baseline;gap:10px;padding:2px 12px;font-size:12px;font-style:italic}.msg-page-label{color:var(--c-text-muted)}.msg-page-title{color:var(--c-primary-light);text-decoration:none}a.msg-page-title:hover{text-decoration:underline}.mobile-header{display:none;align-items:center;justify-content:space-between;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;background:var(--c-bg-card);border-bottom:1px solid var(--c-border);flex-shrink:0;min-height:60px;height:calc(60px + env(safe-area-inset-top))}.mobile-header-title{font-size:var(--fs-xl);font-weight:var(--fw-bold);letter-spacing:-.5px}.mobile-header-spacer{width:36px}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:#00000080;z-index:1000}.mobile-back-btn{display:none;margin-right:8px}.visitor-page-history{padding:12px 16px;border-top:1px solid var(--c-border)}.page-history-list{display:flex;flex-direction:column;gap:2px}.page-history-item{display:flex;flex-direction:column;gap:1px;padding:5px 0;border-bottom:1px solid var(--c-border)}.page-history-item:last-child{border-bottom:none}.page-history-link{color:var(--c-text-dim);text-decoration:none;font-size:12px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-history-link:hover{color:var(--c-primary);text-decoration:underline}.page-history-time{font-size:11px;color:var(--c-text-muted);font-variant-numeric:tabular-nums}.settings-input{width:100%;background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--r-sm);padding:10px 12px;color:var(--c-text);font-size:13px;font-family:inherit;transition:border-color var(--t-fast),background var(--t-fast)}textarea.settings-input{resize:vertical}select.settings-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer}.settings-input:focus{outline:none;border-color:var(--c-primary)}.settings-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;width:fit-content}.settings-btn:hover{background:var(--c-surface-hover)}.settings-btn.primary{background:var(--c-primary);border-color:transparent;color:#fff}.settings-btn.primary:hover{opacity:.9}.settings-btn:disabled{opacity:.5;cursor:not-allowed}.setting-toggle{position:relative;width:44px;height:24px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--c-border-light);border-radius:var(--r-full);border:none;cursor:pointer;transition:background var(--t-fast);flex-shrink:0;outline:none}.setting-toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform var(--t-fast)}.setting-toggle:checked{background:var(--c-primary)}.setting-toggle:checked:after{transform:translate(20px)}.setting-toggle:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--c-primary) 30%,transparent)}.setting-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0}.setting-toggle-row .toggle-label{font-size:14px;font-weight:500;color:var(--c-text);cursor:pointer}.setting-toggle-row .toggle-desc{font-size:12px;color:var(--c-text-dim);margin-top:2px}.settings-active-card{padding:var(--sp-sm) var(--sp-md);border-radius:var(--r-sm);border:2px solid var(--c-primary);background:color-mix(in srgb,var(--c-primary) 10%,transparent);transition:border-color var(--t-fast),background var(--t-fast)}.settings-inactive-card{padding:var(--sp-sm) var(--sp-md);border-radius:var(--r-sm);border:2px solid transparent;background:var(--c-surface);transition:border-color var(--t-fast),background var(--t-fast)}.setting-toggle-row.active{padding:var(--sp-sm) var(--sp-md);border-radius:var(--r-sm);border:2px solid var(--c-primary);background:color-mix(in srgb,var(--c-primary) 10%,transparent);transition:border-color var(--t-fast),background var(--t-fast)}.setting-toggle-row.inactive{padding:var(--sp-sm) var(--sp-md);border-radius:var(--r-sm);border:2px solid transparent;background:var(--c-surface);transition:border-color var(--t-fast),background var(--t-fast)}.settings-section-label{font-size:13px;font-weight:600;color:var(--c-text-dim)}.settings-field-label{font-size:12px;font-weight:500;color:var(--c-text-dim);margin-bottom:6px}.settings-heading{font-size:16px;font-weight:700;margin-bottom:var(--sp-lg)}.settings-heading-lg{font-size:18px;font-weight:700;margin-bottom:var(--sp-md)}.settings-heading-inline{font-size:16px;font-weight:700;margin-bottom:var(--sp-sm);display:flex;align-items:center;gap:var(--sp-sm)}.settings-subheading{font-size:14px;font-weight:700;margin-bottom:var(--sp-md)}.settings-subheading-icon{font-size:14px;font-weight:700;margin-bottom:var(--sp-md);display:flex;align-items:center;gap:var(--sp-sm)}.settings-description{font-size:13px;color:var(--c-text-dim);margin-bottom:var(--sp-lg)}.settings-description-narrow{font-size:13px;color:var(--c-text-dim);margin-bottom:var(--sp-lg);max-width:500px}.settings-section-divider{border:none;border-top:1px solid var(--c-border);margin:var(--sp-xs) 0}.settings-section-divider-lg{border:none;border-top:1px solid var(--c-border);margin:var(--sp-lg) 0 var(--sp-md);padding-top:var(--sp-lg)}.settings-group-label{font-size:11px;font-weight:600;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.06em;padding:0 var(--sp-sm);margin-bottom:var(--sp-xs)}.settings-hint{font-size:11px;color:var(--c-text-muted)}.settings-content{flex:1;min-width:0;padding-bottom:100px;margin-bottom:80px}.settings-content>div:last-child{padding-bottom:50px}.beta-banner{display:flex;align-items:flex-start;gap:var(--sp-md);padding:var(--sp-md) var(--sp-lg);margin-bottom:var(--sp-lg);max-width:800px;background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:var(--r-md);animation:betaBannerIn .4s cubic-bezier(.4,0,.2,1)}@keyframes betaBannerIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.beta-banner-icon{flex-shrink:0;width:36px;height:36px;border-radius:var(--r-sm);background:#3b82f626;display:flex;align-items:center;justify-content:center;color:var(--c-info);margin-top:2px}.beta-banner-body{flex:1;min-width:0}.beta-banner-title{font-size:14px;font-weight:600;color:var(--c-text);margin-bottom:var(--sp-xs)}.beta-banner-text{font-size:13px;line-height:1.5;color:var(--c-text-dim)}.beta-banner-text a{color:var(--c-info);text-decoration:underline;text-underline-offset:2px}.beta-banner-text a:hover{color:var(--c-primary-light)}.beta-banner-close{flex-shrink:0;width:28px;height:28px;border:none;background:transparent;border-radius:var(--r-sm);color:var(--c-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--t-fast)}.beta-banner-close:hover{background:#3b82f626;color:var(--c-text)}[data-theme=light] .beta-banner{background:#3b82f60f;border-color:#3b82f626}[data-theme=light] .beta-banner-icon{background:#3b82f61a}.settings-form,.settings-form-md,.settings-form-wide{display:grid;gap:var(--sp-md);width:100%;max-width:500px}.settings-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);padding:var(--sp-lg)}.settings-card-sm{background:var(--c-surface);border:1px solid var(--c-border);border-radius:10px;padding:14px var(--sp-md)}.settings-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-lg)}.settings-actions{display:flex;gap:var(--sp-sm)}.settings-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-md)}.settings-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--sp-md)}.settings-stack{display:flex;flex-direction:column;gap:var(--sp-sm)}.settings-stack-md{display:flex;flex-direction:column;gap:var(--sp-md)}.settings-w-full{width:100%}.settings-max-w-sm,.settings-max-w-md,.settings-max-w-lg{max-width:500px}.settings-flex-row{display:flex;align-items:center}.settings-flex-col{display:flex;flex-direction:column}.settings-gap-0{gap:0}.settings-gap-xs{gap:var(--sp-xs)}.settings-gap-sm{gap:var(--sp-sm)}.settings-gap-md{gap:var(--sp-md)}.settings-gap-lg{gap:var(--sp-lg)}.settings-mt-sm{margin-top:var(--sp-sm)}.settings-mt-md{margin-top:var(--sp-md)}.settings-mt-lg{margin-top:var(--sp-lg)}.settings-mt-xl{margin-top:var(--sp-xl)}.settings-mb-0{margin-bottom:0!important}.settings-mb-sm{margin-bottom:var(--sp-sm)}.settings-mb-md{margin-bottom:var(--sp-md)}.settings-mb-lg{margin-bottom:var(--sp-lg)}.settings-p-sm{padding:var(--sp-sm)}.settings-p-md{padding:var(--sp-md)}.settings-p-lg{padding:var(--sp-lg)}.settings-field-label{display:block;font-size:12px;font-weight:600;color:var(--c-text-dim);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.settings-shortcut-code{background:var(--c-surface-active);padding:2px 6px;border-radius:4px}.settings-btn-sm{font-size:12px!important;padding:5px 12px!important}.settings-readonly-overlay{opacity:.55;pointer-events:none;cursor:default}.settings-pointer-all{pointer-events:all}.settings-table-wrapper{overflow-x:auto}.settings-table{width:100%;border-collapse:separate;border-spacing:0 4px;font-size:13px}.settings-table-header{color:var(--c-text-muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.settings-table th{padding:4px 12px;text-align:left}.settings-table th.center{text-align:center}.settings-table th.right{text-align:right}.settings-table td{padding:10px 12px}.settings-table tr.row{background:var(--c-surface);border-radius:8px;transition:background .15s}.settings-table tr.row:hover{background:var(--c-surface-hover)}.settings-table td:first-child{border-radius:8px 0 0 8px}.settings-table td:last-child{border-radius:0 8px 8px 0}.settings-day-row{display:flex;align-items:center;gap:var(--sp-md);padding:var(--sp-sm) var(--sp-md);border-radius:var(--r-sm);border:1px solid var(--c-border);transition:all var(--t-fast)}.settings-day-row.active{background:var(--c-surface)}.settings-day-row.inactive{opacity:.5}.settings-day-label{display:flex;align-items:center;gap:var(--sp-sm);cursor:pointer;width:80px}.settings-day-label span{font-weight:600;font-size:14px}.settings-time-input{width:100px;padding:var(--sp-xs) var(--sp-sm);font-size:13px}.settings-channel-card{padding:var(--sp-md);border-radius:var(--r-md);border:1px solid var(--c-border);background:var(--c-surface)}.settings-channel-header{display:flex;align-items:center;gap:10px;margin-bottom:var(--sp-sm)}.settings-channel-header .channel-info{flex:1}.settings-channel-header .channel-name{font-weight:600;font-size:14px}.settings-channel-header .channel-subtitle{font-size:12px;color:var(--c-text-muted)}.settings-channel-status{padding:3px var(--sp-sm);border-radius:4px;font-size:11px;font-weight:600}.settings-channel-status.active{background:#4caf501a;color:var(--c-success)}.settings-channel-status.error{background:#f443361a;color:var(--c-danger)}.settings-channel-status.inactive{background:#9e9e9e1a;color:var(--c-text-muted)}.settings-channel-error{font-size:12px;color:var(--c-danger);margin-bottom:var(--sp-sm);padding:6px var(--sp-sm);background:#f443360d;border-radius:6px}.settings-channel-meta{font-size:11px;color:var(--c-text-muted);margin-bottom:10px}.settings-channel-actions{display:flex;gap:var(--sp-sm)}.settings-channel-list{display:flex;flex-direction:column;gap:var(--sp-md);max-width:600px;margin-bottom:var(--sp-lg)}.settings-channel-section{margin-top:40px;border-top:1px solid var(--c-border);padding-top:var(--sp-lg)}.settings-alert-info{font-size:var(--fs-sm);color:var(--c-text-dim);line-height:1.7;margin-bottom:var(--sp-md)}.settings-alert-info strong{font-size:var(--fs-base);color:var(--c-text);display:block;margin-bottom:var(--sp-xs)}.settings-btn.danger{color:var(--c-danger);border-color:#ef444426}.settings-btn.danger:hover{background:#ef44441a}.settings-btn.sm{font-size:12px;padding:5px var(--sp-md)}.settings-icon-btn{padding:6px;border-radius:6px;border:1px solid var(--c-border);background:transparent;cursor:pointer;color:var(--c-text-dim);display:inline-flex;align-items:center;justify-content:center;transition:all var(--t-fast)}.settings-icon-btn:hover{background:var(--c-bg-hover);color:var(--c-text)}.settings-icon-btn.danger{border-color:#ef444426;color:var(--c-danger)}.settings-icon-btn.danger:hover{background:#ef44441a}.settings-icon-btn.confirm-active{background:var(--c-danger);color:var(--c-white);border-color:var(--c-danger);font-size:11px;font-weight:600;padding:6px 10px}.settings-agent-chip{display:inline-flex;align-items:center;padding:5px 12px;border-radius:var(--r-full);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--t-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;box-shadow:0 1px 2px #00000014}.settings-agent-chip:hover{border-color:var(--c-primary);color:var(--c-primary);background:color-mix(in srgb,var(--c-primary) 8%,var(--c-surface));box-shadow:0 1px 4px #0000001f}.settings-agent-chip.active{background:var(--c-primary);border-color:var(--c-primary);color:#fff;font-weight:600;box-shadow:0 2px 6px color-mix(in srgb,var(--c-primary) 40%,transparent)}.settings-agent-chip.active:hover{background:var(--c-primary-dark);border-color:var(--c-primary-dark)}.color-palette{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.color-palette-swatch{border-radius:var(--r-full);border:2px solid transparent;background:var(--swatch-color);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast);padding:0;outline:none}.color-palette-swatch:hover{transform:scale(1.15);box-shadow:0 2px 8px #0003}.color-palette-swatch.active{border-color:var(--c-text);box-shadow:0 0 0 2px var(--c-bg),0 0 0 4px var(--swatch-color);transform:scale(1.1)}.color-palette-none{background:var(--c-surface);border:2px dashed var(--c-border);color:var(--c-text-muted)}.color-palette-none:hover{border-color:var(--c-text-muted);background:var(--c-bg-hover)}.color-palette-none.active{border-color:var(--c-text-dim);border-style:solid;box-shadow:none}.settings-dept-agents{display:flex;flex-wrap:wrap;gap:8px;padding:10px var(--sp-md);background:var(--c-surface-active);border:1px solid var(--c-border);border-radius:var(--r-sm);margin-top:var(--sp-xs)}.settings-btn-close{background:transparent;border:none;cursor:pointer;color:var(--c-text-dim);padding:var(--sp-xs) var(--sp-sm);display:inline-flex;align-items:center;justify-content:center;transition:color var(--t-fast)}.settings-btn-close:hover{color:var(--c-text)}.settings-add-condition-btn{background:none;border:1px dashed var(--c-border);border-radius:6px;padding:var(--sp-xs) var(--sp-md);cursor:pointer;font-size:12px;color:var(--c-text-dim);transition:all var(--t-fast)}.settings-add-condition-btn:hover{border-color:var(--c-primary);color:var(--c-primary)}.settings-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.settings-status-dot.online{background:var(--c-success)}.settings-status-dot.away{background:var(--c-warning)}.settings-status-dot.offline{background:var(--c-text-muted)}.agents-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:var(--sp-md)}.agent-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:16px;display:flex;flex-direction:column;gap:6px;position:relative;transition:border-color .2s,box-shadow .2s}.agent-card:hover{border-color:var(--c-border-light);box-shadow:var(--shadow-sm)}.agent-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:4px}.agent-card-avatar{width:44px;height:44px;border-radius:var(--r-md);background:linear-gradient(135deg,var(--c-primary-light),var(--c-primary-dark));color:#fff;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;box-shadow:var(--shadow-sm)}.agent-card-avatar img{width:100%;height:100%;object-fit:cover}.agent-card-status-dot{width:10px;height:10px;border-radius:50%;border:2px solid var(--c-surface);flex-shrink:0;margin-top:2px}.agent-card-status-dot.online{background:var(--c-success);box-shadow:0 0 5px #2ecc7166}.agent-card-status-dot.away{background:var(--c-warning);box-shadow:0 0 5px #ff980066}.agent-card-status-dot.offline{background:var(--c-text-muted)}.agent-card-name{font-size:14px;font-weight:600;color:var(--c-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-card-email{font-size:11px;color:var(--c-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-card-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:4px}.agent-card-role-select{padding:4px 8px!important;font-size:11px!important;width:auto!important;height:auto!important}.agent-status-pill{font-size:10px;font-weight:600;padding:2px 7px;border-radius:var(--r-full);white-space:nowrap}.agent-status-pill.online{background:#2ecc711f;color:var(--c-success)}.agent-status-pill.away{background:#ff98001f;color:var(--c-warning)}.agent-status-pill.offline{background:var(--c-surface-active);color:var(--c-text-muted)}.agent-card-depts{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.agent-card-delete{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:var(--r-sm);border:1px solid transparent;background:transparent;color:var(--c-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .15s}.agent-card:hover .agent-card-delete{opacity:1}.agent-card-delete:hover{background:#ef44441a;border-color:#ef44444d;color:var(--c-danger)}.settings-role-badge{padding:2px var(--sp-sm);border-radius:4px;font-size:11px;font-weight:700;display:inline-block}.settings-trigger-status{padding:1px 6px;border-radius:4px;font-size:10px;font-weight:700}.settings-trigger-status.active{background:#4caf5021;color:var(--c-success)}.settings-trigger-status.inactive{background:#88888821;color:var(--c-text-muted)}.settings-avatar-card{display:flex;align-items:center;gap:var(--sp-md);padding:var(--sp-md);background:var(--c-surface);border-radius:var(--r-md);border:1px solid var(--c-border);margin-bottom:var(--sp-sm)}.settings-avatar{width:64px;height:64px;border-radius:50%;background:var(--c-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:22px;cursor:pointer;position:relative;overflow:hidden;flex-shrink:0}.settings-avatar img{width:100%;height:100%;object-fit:cover}.settings-avatar-overlay{position:absolute;bottom:0;left:0;right:0;background:#00000080;padding:2px 0;display:flex;justify-content:center}.settings-avatar-name{font-weight:700}.settings-password-wrapper{position:relative}.settings-password-wrapper .settings-input{padding-right:40px}.settings-password-toggle{position:absolute;right:var(--sp-sm);top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--c-text-muted);padding:var(--sp-xs);display:flex;align-items:center}.settings-radio-dot{width:18px;height:18px;border-radius:50%;border:2px solid var(--c-text-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color var(--t-fast)}.settings-radio-dot.selected{border-color:var(--c-primary)}.settings-radio-dot-inner{width:10px;height:10px;border-radius:50%;background:var(--c-primary)}.settings-sound-item{display:flex;align-items:center;gap:var(--sp-md);cursor:pointer;padding:10px 14px;border-radius:10px;border:2px solid transparent;background:var(--c-surface);transition:border-color .15s,background .15s}.settings-sound-item.active{border:2px solid var(--c-primary);background:color-mix(in srgb,var(--c-primary) 10%,transparent)}.settings-sound-info{flex:1}.settings-sound-name{font-weight:600;font-size:14px}.settings-sound-desc{font-size:12px;opacity:.6}.settings-sound-preview{background:none;border:1px solid var(--c-border);border-radius:6px;padding:var(--sp-xs) 10px;cursor:pointer;color:var(--c-text);display:inline-flex;align-items:center;justify-content:center;transition:all var(--t-fast)}.settings-sound-preview:hover{background:var(--c-bg-hover);border-color:var(--c-border-light)}.settings-info-banner{display:flex;align-items:flex-start;gap:var(--sp-sm);padding:10px 14px;border-radius:var(--r-sm);font-size:12px;color:var(--c-text-dim);line-height:1.5;margin-bottom:var(--sp-md)}.settings-info-banner>svg{flex-shrink:0;margin-top:2px}.settings-info-banner.telegram{background:#229ed90f;border:1px solid rgba(34,158,217,.15)}.settings-info-banner.max{background:#7c4dff0f;border:1px solid rgba(124,77,255,.15)}.settings-info-banner:not(.telegram):not(.max){background:#6c5ce70f;border:1px solid rgba(108,92,231,.15)}.settings-code-block{background:#1a1a2e;border:1px solid var(--c-border);border-radius:var(--r-md);padding:var(--sp-lg);font-size:13px;line-height:1.7;overflow-x:auto;color:#c9d1d9;font-family:JetBrains Mono,Fira Code,Courier New,monospace;margin:0;max-width:500px;-moz-tab-size:2;tab-size:2;white-space:pre}[data-theme=light] .settings-code-block{background:#1e1e2e}.code-tag{color:#ff7b72}.code-attr{color:#79c0ff}.code-string{color:#a5d6ff}.code-keyword{color:#ff7b72}.code-func{color:#d2a8ff}.code-var{color:#ffa657}.code-prop{color:#79c0ff}.code-comment{color:#8b949e;font-style:italic}.code-punct{color:#c9d1d9}.code-number{color:#79c0ff}.code-bool{color:#ff7b72}.code-method{color:#d2a8ff}.code-dom{color:#ffa657}.settings-info-banner.vk{background:#4c75a30f;border:1px solid rgba(76,117,163,.15)}.settings-info-banner.accent{background:#6c5ce70f;border:1px solid rgba(108,92,231,.15)}.settings-success-banner{display:flex;align-items:center;gap:var(--sp-sm);padding:var(--sp-sm) var(--sp-md);border-radius:var(--r-sm);background:#4caf5014;border:1px solid rgba(76,175,80,.25);font-size:12px;color:var(--c-success)}.settings-widget-preview{width:100%;max-width:320px;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--c-border);background:var(--c-surface)}.settings-widget-preview-header{padding:var(--sp-md);color:#fff;font-weight:700;font-size:15px}.settings-widget-preview-body{padding:var(--sp-md)}.settings-widget-preview-bubble{background:var(--c-surface-hover);padding:10px 14px;border-radius:var(--r-md);font-size:13px;max-width:75%}.settings-widget-preview-agent{font-size:11px;color:var(--c-text-muted);margin-top:var(--sp-xs)}.settings-condition-row{display:flex;gap:var(--sp-sm);margin-bottom:var(--sp-sm);align-items:center}.settings-condition-hint{font-size:12px;color:var(--c-text-dim);white-space:nowrap}.settings-delete-x{background:none;border:none;cursor:pointer;color:var(--c-danger);font-size:16px;padding:var(--sp-xs);display:inline-flex;align-items:center}.settings-trigger-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-sm);padding:var(--sp-sm) var(--sp-md)}.settings-trigger-card.inactive{opacity:.5}.settings-trigger-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.settings-trigger-name{display:flex;align-items:center;gap:var(--sp-sm)}.settings-trigger-name span{font-weight:700;font-size:14px}.settings-trigger-actions{display:flex;gap:var(--sp-xs)}.settings-trigger-desc{font-size:12px;color:var(--c-text-dim)}.settings-empty{text-align:center;color:var(--c-text-dim);padding:40px 0;font-size:14px}.settings-stat-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:10px;padding:14px;text-align:center}.settings-stat-card .stat-value{font-size:20px;font-weight:800}.settings-stat-card .stat-label{font-size:11px;color:var(--c-text-dim);margin-top:var(--sp-xs)}.field-group-label{display:block;font-size:12px;font-weight:600;color:var(--c-text-dim);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.settings-dept-tag{padding:2px 6px;border-radius:4px;font-size:11px;font-weight:600}.settings-dept-agents{display:flex;flex-wrap:wrap;gap:6px;padding:10px;background:var(--c-bg);border-radius:var(--r-sm)}.settings-dept-agent-btn{padding:var(--sp-xs) 10px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all var(--t-fast)}.settings-reply-form-label{font-size:12px;font-weight:600;color:var(--c-text-dim);display:block;margin-bottom:var(--sp-xs)}.settings-tariff{padding:10px 14px;border-radius:var(--r-sm);background:var(--c-surface-hover);font-size:13px}.settings-tariff .plan-name{font-weight:700;text-transform:uppercase}.settings-tariff .plan-expiry{color:var(--c-text-dim);margin-left:var(--sp-sm)}.settings-reply-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:var(--sp-sm)}.settings-reply-header{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-sm)}.settings-reply-title{font-weight:700;font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-reply-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.settings-reply-body{font-size:13px;color:var(--c-text-dim);line-height:1.5;white-space:pre-wrap;word-break:break-word;max-height:120px;overflow:hidden}.settings-reply-shortcut{font-size:11px;padding:1px 6px;border-radius:4px;background:var(--c-primary);color:#fff;font-weight:600}.settings-channel-edit-form{margin-top:var(--sp-md);padding:var(--sp-md);background:var(--c-bg-elevated, var(--c-surface));border-radius:10px;border:1px solid var(--c-border)}.settings-channel-name{font-weight:600;font-size:14px}.settings-channel-email{font-size:12px;color:var(--c-text-muted)}.channel-icon{color:var(--c-accent, var(--c-primary));flex-shrink:0}.settings-grid-2-1{display:grid;grid-template-columns:2fr 1fr;gap:var(--sp-sm)}.settings-label-sm{font-size:12px;font-weight:600;margin-bottom:6px}.settings-apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--sp-md);max-width:720px}.settings-app-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);padding:var(--sp-lg);display:flex;flex-direction:column;gap:var(--sp-md);transition:var(--t-fast)}.settings-app-card:hover{border-color:var(--c-primary)}.settings-app-platform{font-weight:600;font-size:14px}.settings-app-link{text-decoration:none;margin-top:auto}.billing-banner{border-radius:var(--r-md);padding:var(--sp-lg);margin-bottom:var(--sp-lg)}.billing-banner-content{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--sp-md)}.billing-banner-meta{display:flex;gap:var(--sp-lg);font-size:13px;color:var(--c-text-dim)}.billing-result-banner{padding:var(--sp-md) var(--sp-lg);border-radius:var(--r-md);margin-bottom:var(--sp-lg);display:flex;justify-content:space-between;align-items:center;animation:fadeIn .5s ease}.billing-result-banner .banner-icon{display:flex;align-items:center;gap:10px}.billing-result-title{font-weight:700;font-size:14px}.billing-result-desc{font-size:12px;color:var(--c-text-dim);margin-top:2px}.billing-interval-toggle{display:flex;background:var(--c-surface);border-radius:var(--r-sm);border:1px solid var(--c-border);overflow:hidden}.billing-interval-btn{padding:6px var(--sp-md);font-size:12px;font-weight:600;border:none;cursor:pointer;transition:all var(--t-fast);background:transparent;color:var(--c-text-dim)}.billing-plan-grid{display:grid;gap:var(--sp-md);margin-bottom:28px}.billing-plan-card{background:var(--c-bg-elevated);border:1px solid var(--c-border);border-radius:var(--r-md);padding:var(--sp-lg);position:relative;overflow:hidden;display:flex;flex-direction:column}.billing-plan-card.current{border-width:2px}.billing-plan-current-badge{position:absolute;top:0;left:0;right:0;padding:3px 0;color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-align:center}.billing-plan-name{font-size:18px;font-weight:800;margin-bottom:6px}.billing-plan-price{font-size:28px;font-weight:800;margin-bottom:2px}.billing-plan-period{font-size:11px;color:var(--c-text-dim);margin-bottom:var(--sp-xs)}.billing-plan-savings{font-size:11px;color:var(--c-success);margin-top:var(--sp-xs);font-weight:600}.billing-plan-limits{font-size:12px;color:var(--c-text-dim);border-top:1px solid var(--c-border);padding-top:var(--sp-md);margin-top:var(--sp-md)}.billing-payment-table{width:100%;border-collapse:collapse;font-size:13px}.billing-payment-table th{padding:var(--sp-sm) var(--sp-md);font-weight:600;border-bottom:1px solid var(--c-border)}.billing-payment-table td{padding:var(--sp-sm) var(--sp-md)}.billing-payment-table tr{border-bottom:1px solid var(--c-border)}.billing-payment-status{padding:2px var(--sp-sm);border-radius:10px;font-size:11px;font-weight:600}.billing-pending-warning{margin-top:var(--sp-md);padding:10px 14px;border-radius:var(--r-sm);background:#c628281a;border:1px solid rgba(198,40,40,.25);font-size:13px;display:flex;justify-content:space-between;align-items:center}.billing-card-actions{margin-top:var(--sp-md);display:flex;gap:var(--sp-sm);flex-wrap:wrap}.billing-agent-manager{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);padding:var(--sp-md);margin-bottom:var(--sp-lg)}.billing-agent-controls{display:flex;align-items:center;gap:var(--sp-md);flex-wrap:wrap}.billing-agent-count{display:flex;align-items:center;gap:var(--sp-xs)}.billing-feature-table{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);overflow:hidden;margin-bottom:var(--sp-lg)}.settings-app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--sp-md);max-width:720px}.settings-app-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);padding:var(--sp-lg);display:flex;flex-direction:column;gap:var(--sp-md);transition:all var(--t-fast)}.settings-app-card:hover{border-color:var(--c-border-light)}.settings-app-header{display:flex;align-items:center;gap:var(--sp-sm)}.settings-app-icon{width:44px;height:44px;border-radius:var(--r-sm);background:var(--c-bg-hover);display:flex;align-items:center;justify-content:center;color:var(--c-primary);flex-shrink:0}.settings-app-name{font-weight:600;font-size:14px}.settings-app-desc{font-size:12px;color:var(--c-text-dim)}.settings-usage-meter{background:var(--c-surface-hover);border-radius:var(--r-sm);padding:var(--sp-md)}.settings-usage-header{display:flex;justify-content:space-between;margin-bottom:6px}.settings-usage-label{font-size:12px;color:var(--c-text-dim)}.settings-usage-value{font-size:12px;font-weight:700}.settings-usage-bar{height:6px;border-radius:3px;background:var(--c-border);overflow:hidden}.settings-usage-fill{height:100%;border-radius:3px;transition:width .3s ease}.settings-b24-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;font-weight:500}.settings-b24-mapping{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:var(--sp-sm);align-items:center;padding:var(--sp-sm) 10px;background:var(--c-surface);border-radius:var(--r-sm);border:1px solid var(--c-border)}.settings-b24-mapping .settings-input{font-size:12px;padding:6px var(--sp-sm)}.settings-b24-mapping select.settings-input{height:34px}.settings-spinner{width:24px;height:24px;border-radius:50%;border:3px solid rgba(108,92,231,.2);border-top-color:var(--c-accent);animation:spin .8s linear infinite;flex-shrink:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes upload-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mobile-bottom-nav{display:none}.settings-layout{display:flex;gap:var(--sp-lg);align-items:flex-start}.settings-tabs{width:220px;flex-shrink:0;position:sticky;top:0;align-self:flex-start;display:flex;flex-direction:column;gap:var(--sp-xs)}.settings-tabs .settings-stack-md>div+div{border-top:1px solid var(--c-border);padding-top:var(--sp-md)}.settings-tab-btn{display:flex;align-items:center;gap:var(--sp-sm);padding:9px var(--sp-sm) 9px 12px;border-radius:var(--r-sm);border:none;cursor:pointer;font-size:var(--fs-base);font-weight:500;text-align:left;transition:background var(--t-fast),color var(--t-fast);background:transparent;color:var(--c-text-dim)}.settings-tab-btn:hover{background:var(--c-bg-hover);color:var(--c-text)}.settings-tab-btn.active{background:var(--c-surface-active);color:var(--c-text)}.settings-tab-btn>span{display:inline-flex;align-items:center;justify-content:center}.mobile-panel-header,.mobile-visitor-cards{display:none}@media(max-width:768px){.mobile-header{display:flex}.app-layout{flex-direction:column}.sidebar{position:fixed;top:0;left:-280px;width:280px!important;height:100vh;height:100dvh;z-index:1001;transition:left .3s ease}.sidebar.mobile-open{left:0}.sidebar.collapsed{width:280px!important}.sidebar.collapsed .sidebar-header{padding:var(--sp-lg);justify-content:flex-start}.sidebar.collapsed .sidebar-nav{padding:var(--sp-md)}.sidebar.collapsed .nav-item{justify-content:flex-start;padding:var(--sp-sm) var(--sp-md);gap:var(--sp-md)}.sidebar.collapsed .nav-item span:not(.badge),.sidebar.collapsed .sidebar-logo-text,.sidebar.collapsed .sidebar-org-name,.sidebar.collapsed .theme-toggle-text{display:inline!important}.sidebar.collapsed .sidebar-footer{padding:var(--sp-md)}.sidebar.collapsed .agent-profile{justify-content:flex-start;padding:var(--sp-sm) var(--sp-md)}.sidebar.collapsed .agent-name,.sidebar.collapsed .agent-status-text{display:block}.sidebar.collapsed text{display:block!important}.app-layout.mobile-menu-open .sidebar-overlay{display:block}.sidebar-collapse-wrapper{display:none!important}.conv-panel{width:100%!important;border-right:none}.conv-panel-header{padding:var(--sp-md)}.conv-panel-title{font-size:20px;font-weight:700}.conv-item{padding:14px 16px;min-height:68px}.conversations-container.has-active{flex-direction:column;position:relative;overflow:hidden}.chat-window{width:100%;flex:1 1 100%}.conversations-container.has-active .conv-panel{display:none!important}.conversations-container:not(.has-active) .chat-window,.conversations-container:not(.has-active) .visitor-info-panel{display:none!important}.mobile-back-btn{display:flex}.chat-header{padding:10px 12px}.chat-header-info{gap:8px;flex:1;min-width:0}.chat-header-info .conv-avatar{width:36px!important;height:36px!important;font-size:14px!important}.chat-visitor-name{font-size:15px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-visitor-detail{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.chat-actions .header-badge,.chat-actions>span:first-child{display:none}.chat-input-area{padding:8px 12px;flex-wrap:wrap}.chat-input-area .chat-input{order:-1;width:100%;flex:0 0 100%;font-size:16px;min-height:44px;border-radius:var(--r-lg);margin-bottom:6px}.chat-input-area .btn-send{order:10;width:44px;height:44px;border-radius:var(--r-lg);margin-left:auto}.chat-input-area .input-icon-btn{width:36px;height:36px}.msg-row{padding:4px 12px}.msg-avatar-spacer{width:28px}.msg-avatar-img,.msg-avatar-placeholder{width:28px;height:28px;font-size:11px}.msg-text{font-size:15px}.visitor-info-panel{position:absolute;top:0;right:0;width:100%;height:100%;z-index:100;background:var(--c-bg-card);border-left:none;border-radius:0}.mobile-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-md) var(--sp-lg);border-bottom:1px solid var(--c-border)}.visitors-table{display:none}.mobile-visitor-cards{display:flex;flex-direction:column;gap:10px}.mobile-visitor-card{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:var(--r-md);cursor:pointer;transition:all var(--t-fast);-webkit-tap-highlight-color:transparent}.mobile-visitor-card:active{background:var(--c-bg-active);transform:scale(.98)}.mobile-visitor-card-avatar{width:40px;height:40px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0;position:relative}.mobile-visitor-card-avatar .status-dot{position:absolute;bottom:0;right:-2px;width:10px;height:10px;border-radius:50%;border:2px solid var(--c-bg-card)}.mobile-visitor-card-info{flex:1;min-width:0}.mobile-visitor-card-name{font-size:14px;font-weight:600;color:var(--c-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-visitor-card-meta{font-size:12px;color:var(--c-text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.mobile-visitor-card-page{font-size:11px;color:var(--c-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.mobile-visitor-card-time{font-size:11px;color:var(--c-text-dim);flex-shrink:0;text-align:right}.admin-org-table-wrapper{background:var(--c-surface);border:1px solid var(--c-border);border-radius:16px;overflow:hidden;box-shadow:0 4px 24px #00000008;margin-bottom:24px}.admin-table{width:100%;border-collapse:collapse;text-align:left}.admin-org-row{transition:background .2s ease,transform .2s ease}.admin-org-row:hover{background:var(--c-bg-active, rgba(0, 0, 0, .02))}.admin-action-btn,.admin-action-btn-danger{background:var(--c-surface);border:1px solid var(--c-border);border-radius:8px;padding:8px;cursor:pointer;display:inline-flex;align-items:center;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.admin-action-btn{color:var(--c-text-dim)}.admin-action-btn:hover{background:var(--c-bg, rgba(0, 0, 0, .04));color:var(--c-text);border-color:var(--c-border-hover, #bbb);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.admin-action-btn:active{transform:translateY(0)}.admin-action-btn-danger{color:var(--c-text-muted)}.admin-action-btn-danger:hover{background:#ef535014;color:var(--c-danger);border-color:#ef535040;transform:translateY(-2px);box-shadow:0 4px 12px #ef53501a}.admin-action-btn-danger:active{transform:translateY(0)}.admin-plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px}.admin-plan-limits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.admin-plan-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.admin-stat-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000008;transition:all .2s ease;position:relative;overflow:hidden}.admin-stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0000000f;border-color:var(--c-border-hover)}.admin-metric-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:12px;padding:16px;transition:all .2s ease;flex:1}.admin-metric-card:hover{background:var(--c-bg-active, rgba(0, 0, 0, .02));border-color:var(--c-border-hover)}.settings-layout{flex-direction:column;gap:16px}.settings-tabs{width:100%;position:static;flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px;border-bottom:1px solid var(--c-border);scrollbar-width:none;gap:8px}.settings-tabs .settings-stack-md,.settings-tabs .settings-stack,.settings-tabs .settings-flex-col{display:contents}.settings-tabs .settings-stack-md>div+div{border-top:none;padding-top:0}.settings-tabs .settings-group-label{display:none}.settings-tabs::-webkit-scrollbar{display:none}.settings-tabs h2{display:none}.settings-tab-btn{white-space:nowrap;padding:8px 14px;font-size:13px}.page-container{padding:var(--sp-md)}.admin-main-container{padding:16px!important}.admin-panel-heading{font-size:22px!important;gap:8px!important;margin-bottom:12px!important}.admin-tabs{margin-bottom:20px!important}.admin-tabs button{flex:none!important;padding:8px 12px!important;font-size:12px!important}.admin-plans-grid{grid-template-columns:1fr!important}.admin-plan-limits-grid{grid-template-columns:1fr 1fr!important}.admin-plan-features-grid{grid-template-columns:1fr!important}.admin-org-table-wrapper{border-radius:12px!important}.page-title{font-size:20px;margin-bottom:var(--sp-md)}.login-card{margin:var(--sp-md);padding:var(--sp-lg)}.login-title{font-size:24px}.modal-content{margin:var(--sp-md);max-width:calc(100vw - 32px)}.replies-popup{margin:0 8px 4px;max-height:200px}.replies-popup-body{max-width:280px}.format-toolbar{display:none}.msg-row .msg-actions{display:none!important}}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;height:100dvh;background:var(--c-bg);gap:24px}.app-loading-spinner{animation:loading-pulse 1.8s ease-in-out infinite}@keyframes loading-pulse{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.08);opacity:1}}.app-loading-text{font-size:14px;color:var(--c-text-muted);font-weight:500;animation:loading-fade 1.5s ease-in-out infinite}@keyframes loading-fade{0%,to{opacity:.5}50%{opacity:1}}.btn-compose{display:inline-flex;align-items:center;gap:6px;padding:7px 18px;border-radius:20px;font-size:13px;font-weight:600;background:linear-gradient(135deg,var(--c-primary-light),var(--c-primary-dark));color:#fff;border:none;cursor:pointer;transition:all .2s;white-space:nowrap;box-shadow:0 2px 8px #40b5a640}.btn-compose:hover{transform:translateY(-1px);box-shadow:0 4px 12px #40b5a659}.btn-compose:active{transform:translateY(0)}[data-theme=light] .btn-compose{background:linear-gradient(135deg,#7c6ef6,#6055dd);box-shadow:0 2px 8px #6c5ce740}[data-theme=light] .btn-compose:hover{box-shadow:0 4px 12px #6c5ce759}.conv-filters-section{border-bottom:1px solid var(--c-border);padding-top:4px;padding-bottom:6px}.toast-container{position:fixed;top:28px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast{display:inline-flex;align-items:center;gap:8px;padding:10px 16px 10px 12px;border-radius:var(--r-full);font-size:13px;font-weight:500;font-family:var(--font);letter-spacing:-.01em;pointer-events:auto;cursor:pointer;white-space:nowrap;opacity:0;transform:translateY(-8px) scale(.96);transition:opacity .24s cubic-bezier(.4,0,.2,1),transform .24s cubic-bezier(.34,1.3,.64,1);background:#2c2c2eeb;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0006,0 2px 8px #0003;color:var(--c-text)}.toast--visible{opacity:1;transform:translateY(0) scale(1)}.toast-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--r-full);flex-shrink:0}.toast-msg{line-height:1}.toast-success .toast-icon{background:var(--c-success);color:#000}.toast-error .toast-icon{background:var(--c-danger);color:#fff}.toast-warning .toast-icon{background:var(--c-warning);color:#000}.toast-info .toast-icon{background:var(--c-info);color:#fff}[data-theme=light] .toast{background:#ffffffe0;border:1px solid rgba(0,0,0,.07);box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f;color:var(--c-text)}[data-theme=light] .toast-success .toast-icon{background:#10b98124;color:var(--c-success)}[data-theme=light] .toast-error .toast-icon{background:#ef444424;color:var(--c-danger)}[data-theme=light] .toast-warning .toast-icon{background:#f59e0b24;color:var(--c-warning)}[data-theme=light] .toast-info .toast-icon{background:#3b82f624;color:var(--c-info)}@media(max-width:768px){.toast-container{top:16px;left:16px;right:16px;transform:none;align-items:stretch}.toast{border-radius:var(--r-md);white-space:normal}}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:44px;height:24px;min-width:44px;background:var(--c-border, #ccc);border-radius:12px;position:relative;cursor:pointer;outline:none;border:none;transition:background .2s ease;flex-shrink:0}input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s ease}input[type=checkbox]:checked{background:var(--c-primary, #6C5CE7)}input[type=checkbox]:checked:after{transform:translate(20px)}.admin-layout{display:flex;height:100vh;background:var(--c-bg)}.admin-sidebar{width:220px;flex-shrink:0;background:var(--c-surface);border-right:1px solid var(--c-border);padding:20px var(--sp-md);display:flex;flex-direction:column;gap:var(--sp-xs)}.admin-main{flex:1;overflow-y:auto;padding:var(--sp-xl) 40px}.admin-sidebar-header{font-size:var(--fs-md);font-weight:800;color:var(--c-accent);text-transform:uppercase;letter-spacing:1px;padding:var(--sp-md) var(--sp-md) 20px;margin-bottom:var(--sp-sm);border-bottom:1px solid var(--c-border)}.admin-sidebar-footer{margin-top:auto;padding:var(--sp-md);border-top:1px solid var(--c-border)}.admin-sidebar-btn{display:flex;align-items:center;gap:10px;padding:10px var(--sp-md);border-radius:var(--r-md);border:none;cursor:pointer;font-size:var(--fs-md);font-weight:var(--fw-semibold);transition:var(--t-fast);background:transparent;color:var(--c-text-dim)}.admin-sidebar-btn:hover{background:var(--c-bg-hover);color:var(--c-text)}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--sp-md)}.admin-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--sp-md);margin-bottom:var(--sp-md)}.admin-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--sp-md);margin-bottom:var(--sp-md)}.admin-filters-row{display:flex;gap:var(--sp-md);margin-bottom:var(--sp-md);flex-wrap:wrap;align-items:center}@media(max-width:768px){.admin-layout{flex-direction:column}.admin-sidebar{width:100%;height:auto;flex-direction:row;border-right:none;border-bottom:1px solid var(--c-border);padding:12px;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;scrollbar-width:none}.admin-sidebar::-webkit-scrollbar{display:none}.admin-sidebar-header,.admin-sidebar-footer{display:none}.admin-sidebar-btn{padding:8px 12px;font-size:12px}.admin-main{padding:16px 12px}.admin-stats-grid,.admin-charts-grid,.admin-kpi-grid{grid-template-columns:1fr}.admin-table-override{display:table!important}.admin-table-override th,.admin-table-override td{white-space:nowrap}.admin-log-entry{flex-direction:column;gap:4px}.admin-log-meta{display:flex;align-items:center;gap:8px}}.admin-log-entry{display:flex;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid var(--c-border)}.admin-log-entry:last-child{border-bottom:none}.admin-log-meta{display:contents}.admin-log-badge{flex-shrink:0;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase;color:#fff}.admin-log-badge.error{background:var(--c-danger)}.admin-log-badge.warn{background:var(--c-warning)}.admin-log-time{flex-shrink:0;font-size:10px;color:var(--c-text-dim);font-family:monospace;min-width:90px}.admin-log-msg{font-size:12px;color:var(--c-text);font-family:monospace;word-break:break-all;line-height:1.5}.lang-switcher{display:flex;gap:var(--sp-xs);padding:var(--sp-xs) 0;flex-wrap:wrap}.lang-option{background:none;border:1px solid transparent;border-radius:var(--r-sm);padding:3px 6px;cursor:pointer;font-size:11px;font-family:var(--font);color:var(--c-text-muted);display:flex;align-items:center;gap:4px;transition:var(--t-fast);line-height:1}.lang-option:hover{border-color:var(--c-border);color:var(--c-text);background:var(--c-bg-hover)}.lang-option.active{border-color:var(--c-primary);color:var(--c-primary);background:var(--c-primary-subtle);font-weight:600}.lang-flag{font-size:13px;line-height:1}.lang-code{font-weight:600;letter-spacing:.02em;font-size:10px}.lang-switcher-collapsed{display:flex;justify-content:center;padding:var(--sp-xs) 0}.lang-switcher--settings{gap:var(--sp-sm)}.lang-switcher--settings .lang-option{padding:var(--sp-sm) var(--sp-md);border-radius:var(--r-md);border:1px solid var(--c-border);background:var(--c-bg-elevated);color:var(--c-text-dim);gap:8px}.lang-switcher--settings .lang-option:hover{border-color:var(--c-border-hover);background:var(--c-bg-hover);color:var(--c-text)}.lang-switcher--settings .lang-option.active{border-color:var(--c-primary);background:var(--c-primary-subtle);color:var(--c-primary);box-shadow:0 2px 8px rgba(var(--c-primary-rgb, 108, 92, 231),.15)}.billing-status-bar{display:flex;align-items:center;gap:var(--sp-md);padding:var(--sp-md) var(--sp-lg);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);margin-bottom:var(--sp-lg);flex-wrap:wrap}.billing-status-plan{font-size:16px;font-weight:800}.billing-status-meta{display:flex;gap:var(--sp-md);font-size:13px;color:var(--c-text-dim);flex:1}.billing-status-meta strong{color:var(--c-text)}.billing-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--r-full);font-size:11px;font-weight:700;white-space:nowrap}.billing-badge.trial{background:#e651001f;color:#e65100}.billing-badge.active{background:#10b9811f;color:var(--c-success)}.billing-badge.free{background:var(--c-primary-subtle);color:var(--c-primary)}.billing-badge.past-due{background:#ef44441f;color:var(--c-danger)}.billing-badge.cancelled{background:#71717a1f;color:var(--c-text-muted)}.billing-price-display{text-align:right;white-space:nowrap}.billing-price-value{font-size:22px;font-weight:800;color:var(--c-primary)}.billing-price-period{font-size:11px;color:var(--c-text-dim)}.billing-controls{display:flex;align-items:center;gap:var(--sp-md);margin-bottom:var(--sp-lg);flex-wrap:wrap}.billing-interval-toggle{display:flex;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);overflow:hidden;flex-shrink:0}.billing-interval-btn{padding:var(--sp-sm) var(--sp-md);font-size:13px;font-weight:600;border:none;cursor:pointer;background:transparent;color:var(--c-text-dim);transition:var(--t-fast);display:flex;align-items:center;gap:6px}.billing-interval-btn.active{background:var(--c-primary);color:#fff}.billing-interval-btn:hover:not(.active){background:var(--c-surface-hover)}.billing-save-badge{padding:2px 6px;border-radius:var(--r-full);font-size:10px;font-weight:700;background:#10b98126;color:var(--c-success)}.billing-agent-selector{display:flex;align-items:center;gap:var(--sp-sm);margin-left:auto}.billing-agent-selector label{font-size:13px;color:var(--c-text-dim);white-space:nowrap}.billing-agent-count{display:flex;align-items:center;gap:2px}.billing-agent-count button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--c-border);border-radius:var(--r-sm);background:var(--c-surface);color:var(--c-text);cursor:pointer;font-size:16px;transition:var(--t-fast)}.billing-agent-count button:hover{background:var(--c-surface-hover);border-color:var(--c-primary)}.billing-agent-count input{width:48px;height:32px;text-align:center;border:1px solid var(--c-border);border-radius:var(--r-sm);background:var(--c-surface);color:var(--c-text);font-size:14px;font-weight:600;-moz-appearance:textfield}.billing-agent-count input::-webkit-outer-spin-button,.billing-agent-count input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.billing-plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-md);margin-bottom:var(--sp-lg);align-items:stretch}@media(max-width:900px){.billing-plans-grid{grid-template-columns:1fr}}.billing-plan-card{background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp-lg);display:flex;flex-direction:column;transition:var(--t-fast);position:relative}.billing-plan-card:hover{border-color:var(--c-border-light)}.billing-plan-card.recommended{border:2px solid var(--c-primary);background:linear-gradient(180deg,rgba(64,181,166,.06) 0%,var(--c-bg-card) 50%);transform:scale(1.02);z-index:1}.billing-plan-card.current{border-color:var(--c-primary);background:linear-gradient(180deg,var(--c-primary-subtle) 0%,var(--c-bg-card) 40%)}.billing-plan-recommend-badge{position:absolute;top:-1px;left:50%;transform:translate(-50%);padding:4px 16px;background:var(--c-primary);color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:0 0 var(--r-sm) var(--r-sm)}.billing-plan-header{text-align:center;padding-bottom:var(--sp-md);border-bottom:1px solid var(--c-border);margin-bottom:var(--sp-md)}.billing-plan-name{font-size:18px;font-weight:800;margin-bottom:var(--sp-xs)}.billing-plan-price{font-size:32px;font-weight:800;color:var(--c-primary);line-height:1.1}.billing-plan-price-sub{font-size:12px;color:var(--c-text-dim);margin-top:4px;font-weight:500}.billing-plan-total{font-size:13px;color:var(--c-text-dim);font-weight:600;margin-top:var(--sp-xs)}.billing-plan-savings{display:inline-block;margin-top:var(--sp-xs);padding:2px 8px;border-radius:var(--r-full);font-size:11px;font-weight:700;background:#10b9811f;color:var(--c-success)}.billing-plan-limits{display:flex;gap:var(--sp-sm);margin-bottom:var(--sp-md)}.billing-plan-limit{flex:1;text-align:center;padding:var(--sp-sm);background:var(--c-surface);border-radius:var(--r-sm)}.billing-plan-limit-value{font-size:18px;font-weight:800;color:var(--c-text)}.billing-plan-limit-label{font-size:11px;color:var(--c-text-dim);margin-top:2px}.billing-feature-list{list-style:none;padding:0;margin:0 0 var(--sp-md) 0;flex:1;display:grid;grid-template-columns:1fr 1fr;gap:0 var(--sp-md)}.billing-feature-item{display:flex;align-items:center;gap:var(--sp-sm);padding:4px 0;font-size:12px;color:var(--c-text)}.billing-feature-item.disabled{color:var(--c-text-muted);text-decoration:line-through;opacity:.5}.billing-feature-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-full);flex-shrink:0}.billing-feature-icon.yes{color:var(--c-success)}.billing-feature-icon.no{color:var(--c-text-muted);opacity:.4}.billing-plan-cta{margin-top:auto;padding-top:var(--sp-md)}.billing-plan-cta .btn-primary,.billing-plan-cta .btn-secondary{width:100%}.billing-plan-current-label{text-align:center;font-size:13px;color:var(--c-primary);font-weight:600;padding:10px 0;display:flex;align-items:center;justify-content:center;gap:6px}.billing-manage-section{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);margin-bottom:var(--sp-lg);overflow:hidden}.billing-manage-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-md) var(--sp-lg);cursor:pointer;transition:var(--t-fast)}.billing-manage-header:hover{background:var(--c-surface-hover)}.billing-manage-header h4{font-size:14px;font-weight:700;display:flex;align-items:center;gap:var(--sp-sm);margin:0}.billing-manage-body{padding:0 var(--sp-lg) var(--sp-lg)}.billing-manage-actions{display:flex;gap:var(--sp-sm);flex-wrap:wrap;margin-top:var(--sp-sm)}.billing-agents-row{display:flex;align-items:center;gap:var(--sp-sm);flex-wrap:wrap;padding:var(--sp-sm) 0}.billing-agents-label{font-size:13px;color:var(--c-text-dim);font-weight:500}.billing-agents-btns{display:flex;gap:4px}.billing-warning{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-sm);padding:var(--sp-sm) var(--sp-md);border-radius:var(--r-sm);background:#ef444414;border:1px solid rgba(239,68,68,.2);font-size:13px;margin-top:var(--sp-sm);max-width:960px}.billing-warning svg{flex-shrink:0}.billing-banner{display:flex;align-items:center;gap:var(--sp-md);padding:var(--sp-md) var(--sp-lg);border-radius:var(--r-md);margin-bottom:var(--sp-lg);animation:fadeIn .4s ease}.billing-banner.success{background:#10b98114;border:1px solid rgba(16,185,129,.25)}.billing-banner.error{background:#ef444414;border:1px solid rgba(239,68,68,.25)}.billing-banner.processing{background:var(--c-primary-subtle);border:1px solid rgba(64,181,166,.2)}.billing-banner-text h4{font-size:14px;font-weight:700;margin:0 0 2px}.billing-banner-text p{font-size:12px;color:var(--c-text-dim);margin:0}.billing-spinner{width:24px;height:24px;border-radius:50%;border:3px solid rgba(64,181,166,.2);border-top-color:var(--c-primary);animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.billing-current-info{padding:var(--sp-md) var(--sp-lg);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);max-width:960px}.billing-comparison{max-width:960px;margin-top:var(--sp-md)}.billing-table{width:100%;border-collapse:collapse;table-layout:fixed}.billing-table-feature-col{width:40%;text-align:left;padding:var(--sp-md);vertical-align:middle}.billing-table-plan-col{text-align:center;padding:var(--sp-sm) var(--sp-md);vertical-align:top}.billing-table-plan-header{padding-bottom:var(--sp-sm);background:none;border:none;border-radius:0}.billing-table-group-header td{padding:var(--sp-md) var(--sp-md) var(--sp-xs);font-size:13px;font-weight:800;color:var(--c-text);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--c-border)}.billing-table-feature-cell{padding:var(--sp-sm) var(--sp-md);border-bottom:1px solid var(--c-border);vertical-align:top}.billing-table-feature-name{font-size:13px;font-weight:500;color:var(--c-text)}.billing-table-feature-desc{font-size:11px;color:var(--c-text-muted);margin-top:2px;line-height:1.3}.billing-table-value-cell{text-align:center;padding:var(--sp-sm);border-bottom:1px solid var(--c-border);vertical-align:middle}.billing-table-cta-row{border-top:2px solid var(--c-border);border-bottom:2px solid var(--c-border)}.billing-table-cta-cell{padding:var(--sp-md) var(--sp-md)!important;vertical-align:middle;text-align:center;height:52px}.billing-table-cta-cell .btn-primary,.billing-table-cta-cell .btn-secondary{width:auto;padding:8px 24px;font-size:13px;flex:none;margin:0 auto}.billing-checkout{max-width:600px}.billing-checkout-section{margin-bottom:var(--sp-lg)}.billing-checkout-label{display:block;font-size:13px;font-weight:600;color:var(--c-text-dim);margin-bottom:var(--sp-sm)}.billing-checkout-plans{display:flex;gap:var(--sp-sm)}.billing-checkout-plan-option{flex:1;padding:var(--sp-md);border:1px solid var(--c-border);border-radius:var(--r-md);cursor:pointer;transition:var(--t-fast)}.billing-checkout-plan-option:hover{border-color:var(--c-border-light)}.billing-checkout-plan-option.active{border-color:var(--c-primary);background:var(--c-primary-subtle)}.billing-checkout-intervals{display:flex;gap:var(--sp-sm)}.billing-checkout-interval{flex:1;padding:var(--sp-md);border:1px solid var(--c-border);border-radius:var(--r-md);cursor:pointer;transition:var(--t-fast)}.billing-checkout-interval:hover{border-color:var(--c-border-light)}.billing-checkout-interval.active{border-color:var(--c-primary);background:var(--c-primary-subtle)}.billing-checkout-row{display:flex;gap:var(--sp-lg);align-items:flex-start}.billing-checkout-actions{display:flex;gap:var(--sp-sm);align-items:center;padding-top:var(--sp-lg);border-top:1px solid var(--c-border);margin-top:var(--sp-sm)}.billing-checkout-actions .btn-primary{width:auto;margin-top:0;padding:10px 32px;font-size:15px;font-weight:700}.billing-checkout-actions .settings-btn{margin-top:0}.billing-table-sticky-head{position:sticky;top:calc(-1 * var(--sp-xl));z-index:6;background:var(--c-bg-card);box-shadow:0 4px 12px #0000000f}.billing-table-sticky-head th{background:var(--c-bg-card);padding-top:calc(var(--sp-xl) + var(--sp-sm))}.billing-banner{max-width:600px;margin-bottom:var(--sp-md)}.flex-col-center{display:flex;flex-direction:column;align-items:center;justify-content:center}.flex-col{display:flex;flex-direction:column}.flex-row{display:flex;align-items:center}.gap-1{gap:var(--sp-1)}.gap-xl{gap:var(--sp-xl)}.card-elevated{background:var(--c-bg-elevated);border-radius:var(--r-xl);padding:var(--sp-2xl) 40px;max-width:460px;width:100%;box-shadow:0 8px 32px #00000026;border:1px solid var(--c-border)}.status-dot{width:10px;height:10px;border-radius:var(--r-full);border:2px solid var(--c-bg);flex-shrink:0}.status-dot-sm{width:8px;height:8px;border-radius:var(--r-full);flex-shrink:0}.status-dot-absolute{position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-radius:var(--r-full);border:2px solid var(--c-bg)}.status-online{background:var(--c-online)}.status-away{background:var(--c-away)}.status-offline{background:var(--c-offline)}.status-glow-online{box-shadow:0 0 6px #10b98187}.status-glow-away{box-shadow:0 0 6px #f59e0b87}.status-glow-offline{box-shadow:0 0 6px #71717a87}.avatar-img{width:100%;height:100%;border-radius:var(--r-md);object-fit:cover}.icon-circle{width:72px;height:72px;border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--sp-lg)}.icon-circle-danger{background:#ef53501a}.icon-circle-success{background:#10b9811a}.icon-circle-warning{background:#f59e0b1a}.icon-circle-info{background:#3b82f61a}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-nowrap{white-space:nowrap}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-2xs{font-size:var(--fs-2xs)}.text-xs{font-size:var(--fs-xs)}.text-sm{font-size:var(--fs-sm)}.text-md{font-size:var(--fs-md)}.text-base{font-size:var(--fs-base)}.text-lg{font-size:var(--fs-lg)}.text-xl{font-size:var(--fs-xl)}.text-2xl{font-size:var(--fs-2xl)}.text-3xl{font-size:var(--fs-3xl)}.font-normal{font-weight:var(--fw-normal)}.font-medium{font-weight:var(--fw-medium)}.font-semibold{font-weight:var(--fw-semibold)}.font-bold{font-weight:var(--fw-bold)}.color-text{color:var(--c-text)}.color-dim{color:var(--c-text-dim)}.color-muted{color:var(--c-text-muted)}.color-accent{color:var(--c-accent)}.color-primary{color:var(--c-primary)}.color-success{color:var(--c-success)}.color-warning{color:var(--c-warning)}.color-danger{color:var(--c-danger)}.backdrop-transparent{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}.sidebar-branding-link{text-align:center;font-size:var(--fs-2xs);color:var(--c-text-muted);text-decoration:none;padding:var(--sp-sm) 0 var(--sp-xs);border-top:1px solid var(--c-border);margin-top:var(--sp-sm)}.sidebar-collapse-btn{background:none;border:none;cursor:pointer;color:var(--c-text-muted);font-size:var(--fs-lg);padding:var(--sp-xs);transition:transform .3s ease}.admin-spinner{width:48px;height:48px;border-radius:var(--r-full);border:4px solid var(--c-border);border-top-color:var(--c-accent);animation:spin .8s linear infinite;margin:0 auto var(--sp-md)}.admin-refresh-btn{width:100%;padding:var(--sp-sm);border-radius:var(--r-sm);background:var(--c-bg);border:1px solid var(--c-border);color:var(--c-text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--sp-sm);font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.admin-refresh-btn:hover{border-color:var(--c-border-light);color:var(--c-text)}.ip-blocked-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--c-bg);color:var(--c-text);flex-direction:column;gap:var(--sp-md)}.m-0{margin:0}.mb-xs{margin-bottom:var(--sp-xs)}.mb-sm{margin-bottom:var(--sp-sm)}.mb-lg{margin-bottom:var(--sp-lg)}.mb-xl{margin-bottom:var(--sp-xl)}.mt-auto{margin-top:auto}.mt-xs{margin-top:var(--sp-xs)}.mt-sm{margin-top:var(--sp-sm)}.mt-md{margin-top:var(--sp-md)}.mt-lg{margin-top:var(--sp-lg)}.mt-xl{margin-top:var(--sp-xl)}.ml-xs{margin-left:var(--sp-xs)}.ml-auto{margin-left:auto}.gap-xs{gap:var(--sp-xs)}.gap-sm{gap:var(--sp-sm)}.gap-md{gap:var(--sp-md)}.gap-lg{gap:var(--sp-lg)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.hidden{display:none}.relative{position:relative}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-wait{cursor:wait}.opacity-muted{opacity:.7}.opacity-dim{opacity:.6}.flip-x{transform:scaleX(-1)}.text-pre-wrap{white-space:pre-wrap}.radius-sm{border-radius:var(--r-sm)}.pt-xs{padding-top:var(--sp-xs)}.color-telegram{color:#229ed9}.color-max{color:#7c4dff}.color-vk{color:#4c75a3}.input-readonly{opacity:.7;cursor:default}.panel-action-btn--primary{border:none;background:var(--c-primary);color:var(--c-white)}.panel-action-btn--primary.disabled{opacity:.5;cursor:default}.meta-row--title{padding-bottom:2px}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp-lg);box-shadow:var(--shadow-sm)}.card-elevated{background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp-lg)}.card-glass{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--r-xl);padding:var(--sp-2xl) var(--sp-xl);box-shadow:var(--shadow-glass);max-width:460px;width:100%}.card-header{font-size:var(--fs-lg);font-weight:var(--fw-extrabold);color:var(--c-text);margin-bottom:var(--sp-md);display:flex;align-items:center;gap:var(--sp-sm)}.section-divider{border-top:1px solid var(--c-border);padding-top:var(--sp-xl)}.badge-sm{padding:1px 6px;border-radius:var(--r-xs);font-size:var(--fs-2xs);font-weight:var(--fw-bold);white-space:nowrap}.badge-pill{padding:2px 8px;border-radius:var(--r-full);font-size:var(--fs-xs);font-weight:var(--fw-bold)}.badge-outline{padding:4px 10px;border-radius:var(--r-sm);font-size:var(--fs-sm);font-weight:var(--fw-bold);background:var(--c-surface);border:1px solid var(--c-border);color:var(--c-text)}.table-wrapper{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);overflow:hidden}.table-header-label{padding:var(--sp-md);border-bottom:1px solid var(--c-border);font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--c-text-dim);text-transform:uppercase;letter-spacing:.05em}.table-base{width:100%;border-collapse:collapse;font-size:var(--fs-md)}.table-base th{padding:var(--sp-sm) var(--sp-md);text-align:left;font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--c-text-muted);white-space:nowrap}.table-base td{padding:var(--sp-sm) var(--sp-md)}.table-base tbody tr{border-top:1px solid var(--c-border)}.table-base tbody tr:nth-child(2n){background:var(--c-bg)}.table-footer{padding:var(--sp-sm) var(--sp-md);border-top:1px solid var(--c-border);font-size:var(--fs-xs);color:var(--c-text-muted);display:flex;gap:var(--sp-md)}.filter-chip{padding:var(--sp-xs) 10px;border-radius:var(--r-sm);font-size:var(--fs-xs);font-weight:var(--fw-semibold);cursor:pointer;border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text-dim);transition:all var(--t-fast)}.filter-chip.active{background:var(--c-accent);color:var(--c-white);border-color:var(--c-accent)}.filter-chip:hover:not(.active){border-color:var(--c-border-light);color:var(--c-text)}.stat-row{display:flex;justify-content:space-between;font-size:var(--fs-sm);color:var(--c-text-dim)}.stat-row+.stat-row{margin-top:var(--sp-sm)}.stat-value{color:var(--c-text);font-weight:var(--fw-semibold)}.code-snippet{font-family:monospace;font-size:var(--fs-xs);background:var(--c-bg-hover);color:var(--c-accent);padding:3px var(--sp-sm);border-radius:var(--r-xs);border:1px solid var(--c-border);white-space:nowrap}.page-center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--c-bg);color:var(--c-text);padding:var(--sp-xl) var(--sp-lg);text-align:center}.blocked-card{background:var(--c-bg-elevated);border-radius:var(--r-xl);padding:var(--sp-2xl) var(--sp-xl);max-width:460px;width:100%;box-shadow:var(--shadow-glass);border:1px solid var(--c-border)}.btn-accent{background:var(--c-accent);color:var(--c-white);border:none;border-radius:var(--r-md);padding:var(--sp-md) var(--sp-xl);font-size:var(--fs-base);font-weight:var(--fw-semibold);cursor:pointer;transition:opacity .2s}.btn-accent:hover{opacity:.85}.status-menu-dot{width:8px;height:8px;border-radius:var(--r-full);flex-shrink:0}.sidebar-org-label{font-size:var(--fs-xs);color:var(--c-text-muted);white-space:nowrap}.admin-sidebar-btn.active{background:var(--c-accent);color:var(--c-white)}.admin-tab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--sp-lg)}.org-avatar-sm{width:32px;height:32px;border-radius:var(--r-sm);background:var(--c-accent);display:flex;align-items:center;justify-content:center;color:var(--c-white);font-size:var(--fs-md);font-weight:var(--fw-extrabold);flex-shrink:0}.locale-badge{font-size:var(--fs-2xs);font-weight:var(--fw-bold);color:var(--c-white);padding:1px 5px;border-radius:var(--r-xs)}.locale-badge-en{background:var(--c-info)}.locale-badge-ru{background:#8b5cf6}.blocked-badge{font-size:10px;font-weight:var(--fw-bold);color:var(--c-white);background:var(--c-danger);padding:1px 6px;border-radius:var(--r-xs)}.dept-badge{font-size:var(--fs-2xs);font-weight:var(--fw-semibold);padding:1px 5px;border-radius:3px;white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);background:#000000d9;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.lightbox-close{position:absolute;top:var(--sp-lg);right:var(--sp-lg);background:#00000080;border:none;border-radius:var(--r-full);width:48px;height:48px;color:var(--c-white);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.log-level-badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:1px 6px;border-radius:var(--r-xs);font-size:10px;font-weight:var(--fw-extrabold);letter-spacing:.05em;margin-top:1px;min-width:36px}.log-timestamp{flex-shrink:0;font-size:var(--fs-xs);color:var(--c-text-muted);font-family:monospace;margin-top:2px;white-space:nowrap}.log-message{font-size:var(--fs-sm);font-family:monospace;color:var(--c-text);word-break:break-all;flex:1;line-height:1.5}.log-stack{padding:var(--sp-xs) var(--sp-md) 10px 60px;font-family:monospace;font-size:var(--fs-xs);color:var(--c-text-muted);line-height:1.6;border-top:1px dashed var(--c-border)}.search-input-icon{position:relative}.search-input-icon .search-icon{position:absolute;left:var(--sp-sm);top:50%;transform:translateY(-50%);color:var(--c-text-muted)}.search-input-icon input{padding:5px var(--sp-sm) 5px 26px;font-size:var(--fs-sm);border-radius:var(--r-xs);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);outline:none}.empty-state{padding:var(--sp-lg);text-align:center;color:var(--c-text-muted);font-size:var(--fs-md)}.kpi-card{background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp-lg);display:flex;flex-direction:column;gap:var(--sp-md);position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.kpi-icon{width:40px;height:40px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center}.kpi-value{font-size:var(--fs-3xl);font-weight:var(--fw-extrabold);color:var(--c-text);line-height:1}.kpi-label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--c-text-muted)}.kpi-sublabel{font-size:var(--fs-xs);color:var(--c-text-muted);margin-top:2px}.chart-card{background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp-lg)}.chart-title{font-size:var(--fs-base);font-weight:var(--fw-semibold);margin-bottom:20px;color:var(--c-text);display:flex;align-items:center;gap:var(--sp-sm)}.period-selector{display:flex;gap:var(--sp-xs);background:var(--c-bg-card);border-radius:10px;padding:var(--sp-xs);border:1px solid var(--c-border)}.period-btn{padding:6px var(--sp-md);border-radius:var(--r-sm);border:none;background:transparent;color:var(--c-text-dim);font-size:var(--fs-md);font-weight:var(--fw-semibold);cursor:pointer;transition:all .2s}.period-btn.active{background:var(--c-primary);color:var(--c-white)}.trend-badge{display:flex;align-items:center;gap:var(--sp-xs);font-size:var(--fs-sm);font-weight:var(--fw-extrabold);padding:var(--sp-xs) var(--sp-sm);border-radius:20px;position:relative;overflow:hidden}.trend-badge-bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.1}.trend-up{color:var(--c-success)}.trend-down{color:var(--c-danger)}.trend-up .trend-badge-bg{background:var(--c-success)}.trend-down .trend-badge-bg{background:var(--c-danger)}.chart-tooltip{background:var(--c-bg-elevated);border:1px solid var(--c-border);border-radius:10px;padding:10px var(--sp-md);box-shadow:var(--shadow-lg);font-size:var(--fs-sm)}.agent-row{background:var(--c-surface);border-radius:var(--r-sm);transition:background .15s}.agent-row:hover{background:var(--c-bg-hover)}.agent-row td:first-child{border-radius:var(--r-sm) 0 0 var(--r-sm)}.agent-row td:last-child{border-radius:0 var(--r-sm) var(--r-sm) 0}.input-compact{padding:6px var(--sp-sm);height:34px;font-size:var(--fs-sm)}.confirm-actions{display:flex;gap:var(--sp-sm);justify-content:flex-end;margin-top:var(--sp-md)}.settings-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp-lg);margin-bottom:20px}.settings-card-header{font-size:var(--fs-base);font-weight:var(--fw-bold);margin-bottom:var(--sp-md);display:flex;align-items:center;gap:var(--sp-sm);color:var(--c-text)}.settings-hint{font-size:var(--fs-sm);color:var(--c-text-dim);margin-bottom:var(--sp-md);line-height:1.6}.input-mono{flex:1;padding:var(--sp-sm) var(--sp-md);border-radius:var(--r-sm);border:1px solid var(--c-border);background:var(--c-bg);color:var(--c-text);font-size:var(--fs-md);font-family:monospace}.test-status{display:flex;align-items:center;gap:var(--sp-sm);padding:var(--sp-sm) var(--sp-md);border-radius:10px;font-size:var(--fs-md)}.test-status-ok{background:var(--c-success-subtle);border:1px solid var(--c-success-subtle-border);color:var(--c-success)}.test-status-fail{background:var(--c-danger-subtle);border:1px solid var(--c-danger-subtle-border);color:var(--c-danger)}.btn-outline-danger{padding:var(--sp-sm) var(--sp-md);border-radius:var(--r-md);cursor:pointer;font-size:var(--fs-sm);font-weight:var(--fw-bold);background:var(--c-danger-subtle);color:var(--c-danger);border:1px solid var(--c-danger-subtle-border)}.btn-outline-danger:hover{opacity:.85}.textarea-mono{width:100%;padding:10px 12px;border-radius:var(--r-sm);border:1px solid var(--c-border);background:var(--c-bg);color:var(--c-text);font-size:var(--fs-sm);font-family:monospace;resize:vertical;line-height:1.6;margin-bottom:10px;box-sizing:border-box}.plan-label{font-size:var(--fs-2xs);color:var(--c-text-dim);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--fw-semibold);margin-bottom:4px}.plan-price-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-md);margin-bottom:var(--sp-lg)}.plan-feature-badge{background:var(--c-bg-hover);color:var(--c-accent);padding:4px 8px;border-radius:6px;font-size:var(--fs-2xs);font-weight:var(--fw-semibold)}.plan-slug{font-size:10px;color:var(--c-text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.font-extrabold{font-weight:var(--fw-extrabold)}.attachment-chip{display:flex;align-items:center;gap:6px;padding:var(--sp-xs) 10px;border-radius:var(--r-xs);background:var(--c-primary-subtle);font-size:var(--fs-sm)}.upload-progress{height:3px;background:var(--c-border);flex-shrink:0;overflow:hidden}.admin-section-label{font-size:var(--fs-lg);font-weight:800;color:var(--c-text);margin-bottom:var(--sp-md);display:flex;align-items:center;gap:var(--sp-sm);text-transform:uppercase;letter-spacing:.5px}.admin-section-label-icon{color:var(--c-text-dim)}.admin-metric-card-inner{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);padding:var(--sp-md);position:relative;overflow:hidden;transition:all var(--t-fast)}.admin-metric-top-bar{position:absolute;top:0;left:0;right:0;height:4px;opacity:.8}.admin-metric-header{display:flex;align-items:center;gap:10px;margin-bottom:var(--sp-sm)}.admin-metric-icon-wrap{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.admin-metric-icon-bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.15}.admin-metric-icon-fg{position:relative;z-index:1;display:flex}.admin-metric-label{font-size:var(--fs-md);font-weight:700;color:var(--c-text-dim);letter-spacing:.3px}.admin-metric-value{font-size:var(--fs-3xl);font-weight:800;color:var(--c-text)}.admin-progress-track{width:100%;height:6px;background:var(--c-bg);border-radius:3px;margin-top:var(--sp-sm);overflow:hidden}.admin-progress-fill{height:100%;opacity:.8;border-radius:3px;transition:width .5s cubic-bezier(.4,0,.2,1)}.admin-stat-card-inner{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp-lg);box-shadow:0 4px 20px #00000008;display:flex;flex-direction:column;gap:var(--sp-sm);position:relative;overflow:hidden;transition:all var(--t-fast)}.admin-stat-glow{position:absolute;top:-20px;right:-20px;width:100px;height:100px;border-radius:50%;opacity:.15;pointer-events:none}.admin-stat-icon-wrap{padding:var(--sp-sm);border-radius:var(--r-md);display:inline-flex;position:relative;overflow:hidden}.admin-stat-icon-bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.1}.admin-stat-icon-fg{position:relative;z-index:1;display:flex}.admin-stat-trend{display:flex;align-items:center;gap:var(--sp-xs);font-size:var(--fs-sm);font-weight:800;padding:var(--sp-xs) var(--sp-sm);border-radius:20px;position:relative;overflow:hidden}.admin-stat-trend-bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.1}.admin-stat-trend-fg{position:relative;z-index:1;display:flex;align-items:center;gap:var(--sp-xs)}.admin-stat-value{font-size:32px;font-weight:800;color:var(--c-text);line-height:1}.admin-stat-label{font-size:var(--fs-md);font-weight:600;color:var(--c-text-dim);margin-top:var(--sp-sm)}.admin-tooltip{background:var(--c-surface);padding:10px 14px;border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:0 8px 24px #0000001a}.admin-tooltip-label{font-size:var(--fs-xs);color:var(--c-text-dim);margin-bottom:var(--sp-sm);font-weight:600}.admin-tooltip-row{font-size:var(--fs-md);font-weight:700;display:flex;justify-content:space-between;gap:var(--sp-md)}.admin-chart-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp-lg);box-shadow:var(--shadow-sm)}.admin-chart-title{font-size:var(--fs-lg);font-weight:800;color:var(--c-text);margin-bottom:var(--sp-md);display:flex;align-items:center;gap:10px}.admin-table-panel{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);overflow:hidden}.admin-table-heading{padding:var(--sp-sm) var(--sp-md);border-bottom:1px solid var(--c-border);font-size:var(--fs-sm);font-weight:700;color:var(--c-text-dim);text-transform:uppercase;letter-spacing:.05em}.admin-table-footer{padding:var(--sp-sm) var(--sp-md);border-top:1px solid var(--c-border);font-size:var(--fs-xs);color:var(--c-text-muted);display:flex;justify-content:space-between}.admin-table-full{width:100%;border-collapse:collapse;font-size:var(--fs-md)}.admin-table-full thead tr{background:var(--c-bg)}.admin-table-full th{padding:var(--sp-sm);text-align:left;font-size:var(--fs-xs);font-weight:600;color:var(--c-text-muted);white-space:nowrap}.admin-table-full td{padding:var(--sp-sm)}.admin-table-full tbody tr{border-top:1px solid var(--c-border)}.admin-table-full tbody tr:nth-child(2n){background:var(--c-bg)}.admin-detail-row{display:flex;justify-content:space-between;font-size:var(--fs-sm);color:var(--c-text-dim);margin-top:var(--sp-sm)}.admin-detail-row-lg{display:flex;justify-content:space-between;font-size:var(--fs-sm);color:var(--c-text-dim);margin-top:var(--sp-md)}.admin-log-list{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);overflow:hidden;max-height:600px;overflow-y:auto}.admin-log-empty{padding:var(--sp-lg);text-align:center;color:var(--c-text-muted);font-size:var(--fs-md)}.admin-log-row{border-bottom:1px solid var(--c-border);transition:background .15s}.admin-log-row-main{display:flex;align-items:flex-start;gap:10px;padding:var(--sp-sm) 14px}.admin-log-level-badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:1px var(--sp-1);border-radius:var(--r-xs);font-size:var(--fs-2xs);font-weight:800;letter-spacing:.05em;margin-top:1px;min-width:36px}.admin-log-time-stamp{flex-shrink:0;font-size:var(--fs-xs);color:var(--c-text-muted);font-family:monospace;margin-top:2px;white-space:nowrap}.admin-log-message{font-size:var(--fs-sm);font-family:monospace;color:var(--c-text);word-break:break-all;flex:1;line-height:1.5}.admin-log-expand-icon{flex-shrink:0;color:var(--c-text-muted);margin-top:2px}.admin-log-stack{padding:var(--sp-xs) 14px 10px 60px;font-family:monospace;font-size:var(--fs-xs);color:var(--c-text-muted);line-height:1.6;border-top:1px dashed var(--c-border)}.admin-log-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-sm);flex-wrap:wrap;gap:var(--sp-sm)}.admin-log-counter{padding:2px var(--sp-sm);border-radius:var(--r-full);font-size:var(--fs-xs);font-weight:700}.admin-log-counter-err{background:#ff4d4f1f;color:var(--c-danger)}.admin-log-counter-wrn{background:#ff98001f;color:#d97706}.admin-log-filter-btn{padding:var(--sp-xs) 10px;border-radius:var(--r-xs);font-size:var(--fs-xs);font-weight:600;cursor:pointer;border:1px solid var(--c-border);transition:var(--t-fast)}.admin-log-search-wrap{position:relative}.admin-log-search-icon{position:absolute;left:var(--sp-sm);top:50%;transform:translateY(-50%);color:var(--c-text-muted)}.admin-log-search-input{padding:5px var(--sp-sm) 5px 26px;font-size:var(--fs-sm);border-radius:var(--r-xs);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);outline:none;width:160px}.admin-log-footer{margin-top:var(--sp-1);font-size:var(--fs-xs);color:var(--c-text-muted);display:flex;justify-content:space-between}.admin-no-errors-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);padding:var(--sp-lg);text-align:center;color:var(--c-text-dim);font-size:var(--fs-base)}.admin-hint-text{font-size:var(--fs-xs);color:var(--c-text-muted);margin-top:var(--sp-1)}.admin-db-counter{display:flex;align-items:center;gap:var(--sp-sm);background:var(--c-surface);border:1px solid var(--c-border);border-radius:10px;padding:10px var(--sp-md)}.admin-db-counter-value{font-size:var(--fs-xl);font-weight:800}.admin-db-counter-label{font-size:var(--fs-sm);color:var(--c-text-dim)}.admin-cache-hit-row{display:flex;align-items:center;gap:var(--sp-sm);margin-top:10px}.admin-org-avatar{width:32px;height:32px;border-radius:var(--r-sm);background:var(--c-accent);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--fs-md);font-weight:800;flex-shrink:0}.admin-org-locale-badge{font-size:9px;font-weight:700;color:#fff;padding:1px 5px;border-radius:var(--r-xs)}.admin-org-blocked-badge{font-size:var(--fs-2xs);font-weight:700;color:#fff;background:var(--c-danger);padding:1px var(--sp-1);border-radius:var(--r-xs)}.admin-roistat-badge{font-family:monospace;font-size:var(--fs-xs);background:var(--c-bg-hover);color:var(--c-accent);padding:3px var(--sp-sm);border-radius:var(--r-xs);border:1px solid var(--c-border);white-space:nowrap}.admin-ai-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--r-sm);border:none;cursor:pointer;transition:var(--t-fast)}.admin-plan-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp-lg);box-shadow:var(--shadow-sm);transition:all var(--t-fast);position:relative;overflow:hidden}.admin-plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-md)}.admin-plan-slug{font-size:var(--fs-2xs);color:var(--c-text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--sp-xs)}.admin-plan-name{font-size:var(--fs-xl);font-weight:700}.admin-plan-prices-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-md);margin-bottom:var(--sp-lg)}.admin-plan-price-value{font-size:16px;font-weight:700}.admin-plan-label{font-size:var(--fs-xs);color:var(--c-text-dim);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:var(--sp-xs)}.admin-plan-org-count{font-size:var(--fs-sm);color:var(--c-text-dim);margin-bottom:var(--sp-md)}.admin-plan-features-badges{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.admin-plan-feature-badge{background:var(--c-bg-hover);color:var(--c-accent);padding:var(--sp-xs) var(--sp-sm);border-radius:var(--r-xs);font-size:var(--fs-xs);font-weight:600}.admin-plan-modal-features-title{font-size:var(--fs-base);font-weight:600;color:var(--c-text);margin-top:var(--sp-lg);margin-bottom:var(--sp-md)}.admin-plans-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--sp-lg)}.admin-settings-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp-lg);margin-bottom:20px}.admin-settings-header{font-size:var(--fs-base);font-weight:700;margin-bottom:var(--sp-sm);display:flex;align-items:center;gap:var(--sp-sm);color:var(--c-text)}.admin-settings-hint{font-size:var(--fs-sm);color:var(--c-text-dim);margin-bottom:14px;line-height:1.6}.admin-settings-input{flex:1;padding:var(--sp-sm) var(--sp-sm);border-radius:var(--r-sm);border:1px solid var(--c-border);background:var(--c-bg);color:var(--c-text);font-size:var(--fs-md);font-family:monospace}.admin-settings-btn-primary{padding:var(--sp-sm) var(--sp-md);border-radius:var(--r-sm);cursor:pointer;font-size:var(--fs-sm);font-weight:700;background:var(--c-accent);color:#fff;border:none}.admin-settings-btn-danger{padding:var(--sp-sm) var(--sp-md);border-radius:var(--r-sm);cursor:pointer;font-size:var(--fs-sm);font-weight:700;background:#ef53501a;color:var(--c-danger);border:1px solid rgba(239,83,80,.35)}.admin-settings-textarea{width:100%;padding:10px var(--sp-sm);border-radius:var(--r-sm);border:1px solid var(--c-border);background:var(--c-bg);color:var(--c-text);font-size:var(--fs-sm);font-family:monospace;resize:vertical;line-height:1.6;margin-bottom:10px;box-sizing:border-box}.admin-test-result{display:flex;align-items:center;gap:var(--sp-sm);padding:var(--sp-sm) 14px;border-radius:10px;font-size:var(--fs-md)}.admin-org-select{padding:var(--sp-xs) 10px;border-radius:var(--r-sm);font-size:var(--fs-sm);font-weight:700;background:var(--c-surface);border:1px solid var(--c-border);color:var(--c-text);cursor:pointer}.admin-org-max-agents-input{width:48px;padding:var(--sp-xs) var(--sp-1);border-radius:var(--r-sm);font-size:var(--fs-sm);font-weight:700;text-align:center;background:var(--c-surface);border:1px solid var(--c-border);color:var(--c-text)}.admin-org-search-input{width:100%;padding:var(--sp-sm) var(--sp-sm) var(--sp-sm) 34px;border-radius:var(--r-sm);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);font-size:var(--fs-md)}.admin-filter-btn{padding:var(--sp-sm) var(--sp-md);border-radius:var(--r-sm);border:1px solid var(--c-border);cursor:pointer;font-size:var(--fs-md);font-weight:600;display:flex;align-items:center;gap:var(--sp-1);transition:var(--t-fast)}.admin-billing-status-select{padding:var(--sp-xs) 10px;border-radius:20px;font-size:var(--fs-xs);font-weight:700;background:var(--c-bg-hover);border:1px solid var(--c-border);cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath d='M0 2l4 4 4-4z' fill='%2371717A'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center}.admin-date-input{padding:2px 6px;border-radius:var(--r-xs);font-size:var(--fs-sm);cursor:pointer;width:120px}.font-mono{font-family:monospace}.admin-overview,.admin-revenue{display:flex;flex-direction:column;gap:16px}.admin-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:20px;box-shadow:0 2px 12px #0000000a}.admin-card-title{font-size:14px;font-weight:800;color:var(--c-text);margin-bottom:16px;display:flex;align-items:center;text-transform:uppercase;letter-spacing:.5px}.admin-kpi-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:20px;position:relative;overflow:hidden;transition:all var(--t-fast);box-shadow:0 2px 12px #0000000a}.admin-kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--kpi-color);opacity:.8}.admin-kpi-card:hover{border-color:var(--kpi-color);box-shadow:0 4px 20px #00000014;transform:translateY(-1px)}.admin-kpi-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.admin-kpi-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--kpi-color);background:color-mix(in srgb,var(--kpi-color) 12%,transparent)}.admin-kpi-change{font-size:12px;font-weight:800;padding:2px 8px;border-radius:20px}.admin-kpi-change.up{color:var(--c-success);background:color-mix(in srgb,var(--c-success) 12%,transparent)}.admin-kpi-change.down{color:var(--c-danger);background:color-mix(in srgb,var(--c-danger) 12%,transparent)}.admin-kpi-value{font-size:26px;font-weight:800;color:var(--c-text);line-height:1.1}.admin-kpi-label{font-size:13px;font-weight:700;color:var(--c-text-dim);margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.admin-kpi-sub{font-size:11px;color:var(--c-text-muted);margin-top:6px}.admin-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-bottom-row{display:grid;grid-template-columns:3fr 2fr;gap:16px}.admin-revenue-bottom{display:grid;grid-template-columns:2fr 3fr;gap:16px}.admin-event-feed{max-height:420px;overflow-y:auto}.admin-event-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--c-border)}.admin-event-item:last-child{border-bottom:none}.admin-event-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-event-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.admin-event-org{font-size:13px;font-weight:700;color:var(--c-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-event-desc{font-size:11px;color:var(--c-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-event-time{font-size:11px;color:var(--c-text-muted);white-space:nowrap;flex-shrink:0}.admin-payments-list{max-height:500px;overflow-y:auto}.admin-payment-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--c-border)}.admin-payment-item:last-child{border-bottom:none}.admin-payment-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-payment-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.admin-payment-org{font-size:13px;font-weight:700;color:var(--c-text)}.admin-payment-desc{font-size:11px;color:var(--c-text-muted)}.admin-payment-amount{font-size:13px;font-weight:800;white-space:nowrap;flex-shrink:0}.admin-payment-time{font-size:11px;color:var(--c-text-muted);white-space:nowrap;flex-shrink:0;min-width:50px;text-align:right}.admin-sort-th{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.admin-sort-th:hover{color:var(--c-text)}.admin-filters-row{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.admin-org-select{padding:6px 28px 6px 10px;border-radius:var(--r-md);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);font-size:13px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.admin-org-select:focus{outline:none;border-color:var(--c-accent)}.admin-org-search-input{width:100%;padding:6px 10px 6px 30px;border-radius:var(--r-md);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);font-size:13px}.admin-org-search-input:focus{outline:none;border-color:var(--c-accent)}.admin-org-avatar{width:32px;height:32px;border-radius:8px;background:var(--c-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.admin-org-locale-badge{font-size:9px;font-weight:700;padding:1px 5px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.locale-badge-en{background:#40b5a626;color:#40b5a6}.locale-badge-ru{background:#7c6ef626;color:#7c6ef6}.admin-org-blocked-badge{font-size:9px;font-weight:700;padding:1px 5px;border-radius:4px;background:#ef535026;color:var(--c-danger)}.admin-org-expanded{padding:20px 24px;background:color-mix(in srgb,var(--c-accent) 3%,var(--c-bg));border-top:2px solid var(--c-accent);border-bottom:1px solid var(--c-border)}.admin-org-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px 24px;margin-bottom:16px;padding:14px 16px;background:var(--c-surface);border-radius:var(--r-lg);border:1px solid var(--c-border)}.admin-org-edit-row{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap;margin-bottom:16px;padding:14px 16px;background:var(--c-surface);border-radius:var(--r-lg);border:1px solid var(--c-border)}.admin-org-edit-field{display:flex;flex-direction:column;gap:4px;min-width:120px}.admin-org-edit-field label{font-size:11px;font-weight:600;color:var(--c-text-muted)}.admin-org-max-agents-input{width:70px;padding:6px 8px;border-radius:var(--r-md);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);font-size:13px}.admin-org-max-agents-input:focus{outline:none;border-color:var(--c-accent)}.admin-date-input{padding:6px 8px;border-radius:var(--r-md);font-size:13px}.admin-date-input:focus{outline:none;border-color:var(--c-accent)}.admin-billing-status-select{padding:6px 28px 6px 10px;border-radius:var(--r-md);border:1px solid var(--c-border);background:var(--c-surface);font-size:13px;font-weight:700;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.admin-billing-status-select:focus{outline:none;border-color:var(--c-accent)}.admin-org-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:14px 16px;background:var(--c-surface);border-radius:var(--r-lg);border:1px solid var(--c-border)}.admin-action-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;height:34px;border-radius:var(--r-md);border:1px solid var(--c-border);background:var(--c-bg);color:var(--c-text);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.admin-action-btn svg{flex-shrink:0}.admin-action-btn:hover{border-color:var(--c-accent);color:var(--c-accent);background:color-mix(in srgb,var(--c-accent) 8%,var(--c-surface));box-shadow:0 1px 3px #00000014}.admin-table-override th{font-size:12px;font-weight:600;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.5px}.admin-table-override td{padding:10px 12px;vertical-align:middle}.admin-org-table-wrapper{border-radius:var(--r-lg);border:1px solid var(--c-border);overflow:hidden}.admin-analytics-pies{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:900px){.admin-charts-row,.admin-bottom-row,.admin-revenue-bottom,.admin-analytics-pies{grid-template-columns:1fr}}.conv-filter-row{display:flex;gap:var(--sp-1);padding:var(--sp-1) 12px var(--sp-xs);flex-wrap:wrap}.conv-filter-chip{display:flex;align-items:center;gap:var(--sp-xs);padding:3px 10px;border-radius:var(--r-md);font-size:var(--fs-xs);font-weight:var(--fw-semibold);border:1px solid var(--c-border);background:transparent;color:var(--c-text-dim);cursor:pointer;transition:var(--t-fast)}.conv-filter-chip.active-unread{border-color:var(--c-primary);background:color-mix(in srgb,var(--c-primary) 15%,transparent);color:var(--c-primary)}.conv-filter-chip.active-attention{border-color:#f59e0b;background:#f59e0b26;color:#f59e0b}.conv-search-status{text-align:center;padding:var(--sp-lg);color:var(--c-text-muted);font-size:var(--fs-md)}.conv-channel-icon{opacity:.5;flex-shrink:0}.conv-channel-icon.telegram{color:#229ed9}.conv-channel-icon.max{color:#7c4dff}.conv-channel-icon.vk{color:#4c75a3}.conv-name-row{display:flex;align-items:center;gap:var(--sp-xs)}.conv-meta-col{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0;gap:2px}.dept-badge{font-size:9px;font-weight:var(--fw-semibold);padding:1px 5px;border-radius:3px;background:color-mix(in srgb,var(--dept-color, var(--c-primary)) 13%,transparent);color:var(--dept-color, var(--c-primary));white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis}.dept-badge-lg{padding:var(--sp-xs) var(--sp-md);border-radius:6px;font-size:var(--fs-sm);font-weight:var(--fw-semibold);background:color-mix(in srgb,var(--dept-color, var(--c-primary)) 13%,transparent);color:var(--dept-color, var(--c-primary))}.conv-email-subject{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--c-text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.conv-geo-row{width:100%;font-size:var(--fs-xs);color:var(--c-text-muted);display:flex;align-items:center;gap:var(--sp-xs);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:2px}.ctx-confirm-row{display:flex;gap:var(--sp-xs);padding:var(--sp-xs) var(--sp-sm)}.conv-blocked-icon{margin-right:2px;color:var(--c-danger)}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000d9;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.lightbox-close{position:absolute;top:var(--sp-lg);right:var(--sp-lg);background:#00000080;border:none;border-radius:var(--r-full);width:48px;height:48px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.lightbox-close:hover{background:#000c}.lightbox-img{max-width:90vw;max-height:90vh;border-radius:var(--r-sm);object-fit:contain}.chat-header-actions{display:flex;align-items:center;gap:var(--sp-sm)}.msg-bot-avatar{background:var(--c-primary);font-size:var(--fs-base);display:flex;align-items:center;justify-content:center}.msg-system-text{white-space:pre-wrap;display:flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) 0;font-style:italic;font-size:var(--fs-md)}.msg-system-text.success{color:var(--c-online)}.msg-system-text.muted{color:var(--c-text-muted)}.email-opened-badge{font-size:var(--fs-2xs);font-weight:var(--fw-semibold);color:var(--c-online);background:#4caf501a;padding:1px 6px;border-radius:var(--r-xs);margin-left:var(--sp-xs)}.msg-email-forwarded{font-size:var(--fs-xs);color:var(--c-text-muted);margin-left:var(--sp-1);display:inline-flex;align-items:center;gap:3px}.chat-loading-history{text-align:center;padding:var(--sp-md);color:var(--c-text-muted);font-size:var(--fs-md);min-height:200px;display:flex;align-items:center;justify-content:center}.undo-toast{position:absolute;bottom:80px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:8px;padding:10px 16px 10px 12px;border-radius:var(--r-full);font-size:var(--fs-md);font-weight:var(--fw-medium);font-family:var(--font);letter-spacing:-.01em;white-space:nowrap;z-index:var(--z-dropdown);color:var(--c-text);background:#2c2c2eeb;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0006,0 2px 8px #0003}[data-theme=light] .undo-toast{background:#ffffffe0;border:1px solid rgba(0,0,0,.07);box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f}.undo-toast .toast-icon{background:var(--c-warning);color:#000}.undo-toast-btn{background:none;border:none;color:var(--c-accent);font-weight:var(--fw-semibold);font-size:var(--fs-md);cursor:pointer;padding:0;margin-left:var(--sp-xs);white-space:nowrap;transition:opacity var(--t-fast)}.undo-toast-btn:hover{opacity:.7}.msg-image-wrap{margin-top:2px;cursor:pointer}.msg-image{max-width:280px;max-height:200px;min-height:120px;border-radius:var(--r-sm);object-fit:cover;display:block;background:var(--c-bg-elevated)}.msg-audio-wrap{margin-top:2px;padding:var(--sp-sm) 10px;background:#ffffff0f;border-radius:var(--r-sm);max-width:300px}.msg-audio-header{display:flex;align-items:center;gap:var(--sp-sm);margin-bottom:var(--sp-1)}.msg-audio-name{font-weight:var(--fw-medium);font-size:var(--fs-md);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-audio-player{width:100%;height:32px;border-radius:6px}.msg-file-link{display:flex;align-items:center;gap:var(--sp-sm);padding:8px 12px;margin-top:2px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:var(--r-sm);color:inherit;text-decoration:none;font-size:var(--fs-md);max-width:280px;transition:background .15s ease}.msg-file-link:hover{background:#ffffff1a}[data-theme=light] .msg-file-link{background:var(--c-surface);border-color:var(--c-border)}[data-theme=light] .msg-file-link:hover{background:var(--c-bg-hover)}.msg-file-icon{display:flex;align-items:center}.msg-file-info{overflow:hidden}.msg-file-name{font-weight:var(--fw-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-file-size{font-size:var(--fs-xs);opacity:.6}.compose-screen{display:flex;flex-direction:column;flex:1;overflow:hidden}.compose-header{padding:var(--sp-md) 20px;border-bottom:1px solid var(--c-border);display:flex;align-items:center;gap:10px;background:var(--c-bg)}.compose-close-btn{margin-left:auto;background:none;border:none;cursor:pointer;color:var(--c-text-muted);padding:var(--sp-xs)}.compose-fields{padding:var(--sp-md);border-bottom:1px solid var(--c-border);display:flex;flex-direction:column;gap:var(--sp-sm);background:var(--c-bg)}.compose-input{padding:var(--sp-sm) 10px;border:1px solid var(--c-border);border-radius:6px;font-size:var(--fs-base);background:var(--c-bg-elevated);color:var(--c-text);outline:none}.compose-select{padding:var(--sp-sm) 10px;border:1px solid var(--c-border);border-radius:6px;font-size:var(--fs-md);background:var(--c-bg-elevated);color:var(--c-text);outline:none}.draft-attachments-row{padding:var(--sp-sm) var(--sp-md);display:flex;gap:var(--sp-sm);flex-wrap:wrap;border-bottom:1px solid var(--c-border)}.draft-attachment-chip{display:flex;align-items:center;gap:var(--sp-1);padding:var(--sp-xs) 10px;border-radius:6px;background:color-mix(in srgb,var(--c-primary) 10%,transparent);font-size:var(--fs-sm)}.draft-attachment-size{opacity:.5}.draft-attachment-remove{background:none;border:none;cursor:pointer;padding:0;color:var(--c-text-muted)}.chat-area-wrapper{display:flex;flex-direction:column;flex:1;position:relative;overflow:hidden}.upload-progress-track{height:3px;background:var(--c-border);flex-shrink:0;overflow:hidden}.upload-progress-bar{height:100%;background:linear-gradient(90deg,var(--c-primary),var(--c-accent),var(--c-primary));background-size:200% 100%;animation:upload-shimmer 1.2s ease-in-out infinite}.conversations-flex{display:flex;flex:1;overflow:hidden}.panel-action-btn{width:100%;padding:var(--sp-sm);border-radius:var(--r-sm);font-size:var(--fs-sm);font-weight:var(--fw-semibold);border:1px solid var(--c-border);background:transparent;color:var(--c-text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--sp-1);transition:var(--t-fast)}.panel-action-btn.danger{color:var(--c-danger)}.panel-action-btn.success{color:var(--c-online);background:#4caf5014}.panel-action-btn.active-attention{background:#d9770614;color:#d97706}.panel-action-btn.active-block-danger{background:#ef535014;color:var(--c-danger)}.panel-action-btn.active-block-success,.panel-action-btn.b24-success{background:#4caf5014;color:var(--c-online)}.panel-actions-col{padding:0 var(--sp-md) var(--sp-md);display:flex;flex-direction:column;gap:var(--sp-1)}.panel-confirm-row{display:flex;gap:var(--sp-1)}.panel-related-section{padding:var(--sp-md)}.panel-related-title{font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:var(--c-text-muted);margin-bottom:var(--sp-sm);text-transform:uppercase;letter-spacing:.5px}.panel-related-list{display:flex;flex-direction:column;gap:var(--sp-1)}.panel-related-card{display:flex;align-items:center;gap:var(--sp-sm);padding:var(--sp-sm) 10px;border-radius:var(--r-sm);border:1px solid var(--c-border);background:var(--c-bg-elevated);text-decoration:none;color:var(--c-text);font-size:var(--fs-sm);cursor:pointer;transition:background var(--t-fast)}.panel-related-card:hover{background:var(--c-bg-hover)}.panel-b24-error{font-size:var(--fs-xs);color:var(--c-danger);padding:var(--sp-xs) 0;text-align:center}.panel-contact-title{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--c-text-dim);margin-bottom:var(--sp-sm);text-transform:uppercase;letter-spacing:.5px}.panel-contact-actions{display:flex;gap:var(--sp-1);margin-top:10px}.session-connect-dot{display:inline-block;width:8px;height:8px;border-radius:var(--r-full);background:var(--c-online);margin-right:var(--sp-sm)}.panel-show-more-btn{background:none;border:none;cursor:pointer;color:var(--c-primary);font-size:var(--fs-sm);padding:var(--sp-1) 0;width:100%;text-align:center;opacity:.8}.format-btn-undo{margin-left:auto;color:var(--c-text-muted);gap:3px;display:flex;align-items:center}.replies-popup-hint{color:var(--c-text-dim);font-weight:var(--fw-normal);font-size:var(--fs-xs);margin-left:var(--sp-1)}.empty-state-padded{padding:var(--sp-2xl) var(--sp-lg)}.conv-search-subinfo{font-size:var(--fs-xs);color:var(--c-text-muted)}.auth-logo{height:36px;display:block;margin:0 auto}.auth-status{text-align:center;padding:20px 0}.auth-icon{display:flex;justify-content:center;margin-bottom:var(--sp-md)}.auth-heading{color:var(--c-text);margin-bottom:var(--sp-sm);font-size:var(--fs-xl)}.auth-desc{color:var(--c-text-dim);font-size:var(--fs-base);line-height:var(--lh-normal)}.auth-footer{text-align:center;margin-top:var(--sp-md);font-size:var(--fs-md);color:var(--c-text-dim)}.auth-link{color:var(--c-primary)}.auth-link-accent{color:var(--c-accent)}.auth-link-light{color:var(--c-primary-light)}.auth-email-warning{margin-top:var(--sp-sm);padding:10px 14px;background:#fef3c7;border-radius:var(--r-sm);font-size:var(--fs-md);color:#92400e;line-height:1.4}.auth-resend-done{color:var(--c-primary);font-size:var(--fs-md);margin-top:var(--sp-md);display:flex;align-items:center;justify-content:center;gap:var(--sp-xs)}.auth-pwd-wrapper{position:relative}.auth-pwd-input{padding-right:40px}.auth-pwd-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:16px;color:var(--c-text-muted);padding:var(--sp-xs)}.auth-forgot-link{text-align:right;margin:-8px 0 12px;font-size:var(--fs-sm)}.auth-forgot-link a{color:var(--c-primary);text-decoration:none}.auth-checkbox-group{display:flex;flex-direction:column;gap:10px;margin:0 0 var(--sp-md)}.auth-checkbox-label{display:flex;align-items:flex-start;gap:var(--sp-sm);font-size:var(--fs-sm);color:var(--c-text-dim);cursor:pointer;line-height:var(--lh-normal)}.auth-checkbox-input{margin-top:2px;accent-color:var(--c-primary-light)}.auth-invite-box{background:var(--c-bg-hover);border-radius:10px;padding:var(--sp-md);margin-bottom:20px;text-align:center}.auth-invite-by{font-size:var(--fs-md);color:var(--c-text-dim);margin-bottom:var(--sp-xs)}.auth-invite-org{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--c-text)}.auth-input-disabled{opacity:.6}.auth-btn-mt{margin-top:20px}.admin-chart-height-sm{height:240px}.admin-chart-height-md{height:260px}.admin-chart-height-lg{height:300px}.admin-icon-mr{margin-right:var(--sp-sm)}.admin-empty-state{color:var(--c-text-muted);padding:var(--sp-lg) 0;text-align:center}.admin-placeholder-card{margin-top:var(--sp-md);padding:var(--sp-md);border-radius:var(--r-md);background:var(--c-bg);border:1px dashed var(--c-border);color:var(--c-text-muted);font-size:var(--fs-md);text-align:center}.admin-server-card{padding:var(--sp-md);border-radius:var(--r-md);background:var(--c-bg);border:1px solid var(--c-border)}.admin-server-header{display:flex;align-items:center;gap:var(--sp-sm);margin-bottom:var(--sp-md)}.admin-server-dot{width:8px;height:8px;border-radius:50%}.admin-server-name{font-weight:var(--fw-bold);color:var(--c-text);font-size:var(--fs-base)}.admin-server-domain{font-size:var(--fs-sm);color:var(--c-text-muted)}.admin-server-metrics{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-sm) var(--sp-md);font-size:var(--fs-md)}.admin-mini-metric-label{font-size:var(--fs-xs);color:var(--c-text-muted);font-weight:var(--fw-semibold)}.admin-mini-metric-value{font-weight:var(--fw-bold);color:var(--c-text)}.admin-mini-metric-value.warn{color:var(--c-danger)}.admin-plan-legend-row{display:flex;justify-content:space-between;padding:var(--sp-xs) 0;font-size:var(--fs-md);border-bottom:1px solid var(--c-border)}.admin-plan-legend-left{display:flex;align-items:center;gap:var(--sp-sm)}.admin-plan-legend-dot{width:8px;height:8px;border-radius:50%}.admin-plan-legend-name{font-weight:var(--fw-semibold);color:var(--c-text)}.admin-plan-legend-count{color:var(--c-text-muted);font-size:var(--fs-xs)}.admin-plan-legend-mrr{font-weight:var(--fw-bold);color:var(--c-text)}.admin-plan-legend-list{margin-top:var(--sp-sm)}.admin-billing-wrapper{margin-bottom:var(--sp-xl)}.admin-billing-card{padding:var(--sp-lg);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.admin-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.admin-confirm-dialog{background:var(--c-surface);border-radius:var(--r-lg);padding:28px;max-width:400px;width:90%;box-shadow:0 20px 60px #0000004d;border:1px solid var(--c-border)}.admin-confirm-title{font-size:var(--fs-lg);font-weight:var(--fw-bold);margin-bottom:var(--sp-sm);color:var(--c-text)}.admin-confirm-msg{font-size:var(--fs-base);color:var(--c-text-dim);margin-bottom:var(--sp-lg);line-height:var(--lh-normal)}.admin-confirm-actions{display:flex;gap:10px;justify-content:flex-end}.admin-btn-cancel{padding:var(--sp-sm) 20px;border-radius:10px;border:1px solid var(--c-border);background:var(--c-bg);color:var(--c-text);cursor:pointer;font-size:var(--fs-md);font-weight:var(--fw-semibold)}.admin-btn-confirm{padding:var(--sp-sm) 20px;border-radius:10px;border:none;background:var(--c-accent);color:#fff;cursor:pointer;font-size:var(--fs-md);font-weight:var(--fw-bold)}.admin-billing-toolbar{display:flex;gap:var(--sp-md);flex-wrap:wrap;margin-bottom:20px;align-items:center}.admin-extend-group{display:flex;align-items:center;gap:var(--sp-1)}.admin-extend-label{font-size:var(--fs-md);color:var(--c-text-dim)}.admin-extend-input{width:60px;padding:var(--sp-1) var(--sp-sm);border-radius:var(--r-sm);border:1px solid var(--c-border);background:var(--c-bg);color:var(--c-text);font-size:var(--fs-md);text-align:center}.admin-btn-extend{padding:var(--sp-sm) var(--sp-md);border-radius:var(--r-sm);background:var(--c-accent);color:#fff;border:none;cursor:pointer;font-size:var(--fs-md);font-weight:var(--fw-bold);transition:var(--t-fast)}.admin-billing-loading{text-align:center;padding:20px;color:var(--c-text-dim)}.admin-billing-empty{text-align:center;padding:20px;color:var(--c-text-dim);font-size:var(--fs-md)}.admin-billing-table-wrap{max-height:300px;overflow-y:auto;overflow-x:auto}.admin-billing-table{width:100%;min-width:600px;border-collapse:collapse;font-size:var(--fs-md)}.admin-billing-table thead tr{border-bottom:1px solid var(--c-border);position:sticky;top:0;background:var(--c-surface)}.admin-billing-table th{padding:var(--sp-sm) var(--sp-md);font-weight:var(--fw-semibold)}.admin-billing-table tbody tr{border-bottom:1px solid var(--c-border)}.admin-billing-table td{padding:var(--sp-sm) var(--sp-md)}.admin-billing-type-desc{font-size:var(--fs-xs);color:var(--c-text-dim)}.admin-billing-status-badge{padding:2px var(--sp-sm);border-radius:10px;font-size:var(--fs-xs);font-weight:var(--fw-semibold)}.admin-close-btn-ml{margin-left:auto}.mb-md{margin-bottom:var(--sp-md)}.page-title-sub{font-size:var(--fs-base);color:var(--c-text-dim);font-weight:var(--fw-normal);margin-left:var(--sp-md)}.empty-state-min-200{min-height:200px}.empty-state-min-300{min-height:300px}.overflow-auto{overflow:auto}.visitor-name-cell{display:flex;align-items:center;gap:10px}.visitor-name-label{font-weight:var(--fw-semibold);font-size:var(--fs-md);line-height:1.3}.visitor-td-dim{font-size:var(--fs-sm);color:var(--c-text-dim)}.visitor-td-center{text-align:center;font-size:var(--fs-base)}.visitor-td-muted-xs{font-size:var(--fs-xs);color:var(--c-text-muted)}.visitor-td-page{font-size:var(--fs-md);max-width:200px}.visitor-td-url{font-size:var(--fs-xs);color:var(--c-text-muted);max-width:200px}.visitor-td-dim-nowrap{font-size:var(--fs-sm);color:var(--c-text-dim);white-space:nowrap}.visitor-td-ip{font-size:var(--fs-xs);color:var(--c-text-muted);font-family:monospace}.visitor-location-cell{display:flex;align-items:center;gap:var(--sp-xs)}.visitor-flag{font-size:var(--fs-base);line-height:1}.visitor-dept-badge{padding:2px var(--sp-sm);border-radius:var(--r-xs);font-size:var(--fs-xs);font-weight:var(--fw-bold);white-space:nowrap}.sort-header{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.color-offline{color:var(--c-offline)}.analytics-tooltip{background:var(--c-bg-elevated);border:1px solid var(--c-border);border-radius:10px;padding:10px 14px;box-shadow:0 8px 24px #0000004d;font-size:var(--fs-sm)}.analytics-tooltip-label{font-weight:var(--fw-semibold);margin-bottom:var(--sp-xs);color:var(--c-text)}.analytics-tooltip-row{display:flex;align-items:center;gap:var(--sp-1);color:var(--c-text-dim)}.analytics-kpi-card{background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp-lg);display:flex;flex-direction:column;gap:var(--sp-md);position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.analytics-kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.analytics-kpi-glow{position:absolute;top:0;right:0;width:120px;height:120px;border-radius:0 var(--r-lg) 0 0}.analytics-kpi-icon{width:40px;height:40px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center}.analytics-kpi-label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--c-text-muted);margin-bottom:var(--sp-xs)}.analytics-kpi-value{font-size:var(--fs-3xl);font-weight:800;letter-spacing:-1px;color:var(--c-text)}.analytics-kpi-sub{font-size:var(--fs-xs);color:var(--c-text-muted);margin-top:2px}.analytics-chart-card{background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp-lg)}.analytics-chart-title{font-size:var(--fs-base);font-weight:var(--fw-semibold);margin-bottom:20px;color:var(--c-text);display:flex;align-items:center;gap:var(--sp-sm)}.analytics-loading{display:flex;align-items:center;justify-content:center;height:100%;flex-direction:column;gap:var(--sp-md)}.analytics-loading-text{color:var(--c-text-muted);font-size:var(--fs-base)}.analytics-error-icon{color:var(--c-primary)}.analytics-retry-btn{background:var(--c-primary);color:#fff;border:none;border-radius:10px;padding:10px var(--sp-lg);font-size:var(--fs-base);font-weight:var(--fw-semibold);cursor:pointer}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--sp-xl);flex-wrap:wrap;gap:var(--sp-md)}.analytics-title{font-size:24px;font-weight:800;letter-spacing:-.5px}.analytics-subtitle{font-size:var(--fs-md);color:var(--c-text-muted);margin-top:var(--sp-xs)}.analytics-period-switcher{display:flex;gap:var(--sp-xs);background:var(--c-bg-card);border-radius:10px;padding:var(--sp-xs);border:1px solid var(--c-border)}.analytics-period-btn{padding:6px var(--sp-md);border-radius:var(--sp-sm);border:none;background:transparent;color:var(--c-text-dim);font-size:var(--fs-md);font-weight:var(--fw-semibold);cursor:pointer;transition:all .2s}.analytics-period-btn.active{background:var(--c-primary);color:#fff}.analytics-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--sp-md);margin-bottom:var(--sp-lg)}.analytics-no-data{height:250px;display:flex;align-items:center;justify-content:center;color:var(--c-text-muted);font-size:var(--fs-md)}.analytics-agent-table-wrap{background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--sp-lg);margin-bottom:var(--sp-2xl)}.analytics-agent-table-title{font-size:16px;font-weight:var(--fw-bold);margin-bottom:20px;display:flex;align-items:center;gap:var(--sp-sm)}.analytics-agent-table{width:100%;border-collapse:separate;border-spacing:0 4px;font-size:var(--fs-md)}.analytics-agent-table thead tr{color:var(--c-text-muted);font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.5px}.analytics-agent-table th{padding:var(--sp-sm) var(--sp-md)}.analytics-agent-table td{padding:var(--sp-md)}.analytics-agent-row{background:var(--c-surface);border-radius:var(--sp-sm);transition:background .15s}.analytics-agent-row:hover{background:var(--c-bg-hover)}.analytics-agent-row td:first-child{border-radius:var(--sp-sm) 0 0 var(--sp-sm)}.analytics-agent-row td:last-child{border-radius:0 var(--sp-sm) var(--sp-sm) 0}.analytics-agent-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#7c6ef6,#40b5a6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--fw-bold);font-size:var(--fs-md);flex-shrink:0;overflow:hidden}.analytics-agent-avatar img{width:100%;height:100%;object-fit:cover}.analytics-agent-name-cell{display:flex;align-items:center;gap:10px}.analytics-agent-email{font-size:var(--fs-xs);color:var(--c-text-muted)}.analytics-agent-status{display:inline-flex;align-items:center;gap:var(--sp-xs);font-size:var(--fs-xs);font-weight:var(--fw-semibold)}.analytics-agent-status-dot{width:7px;height:7px;border-radius:var(--r-full)}.tabular-nums{font-variant-numeric:tabular-nums}.font-extrabold{font-weight:800}.w-full{width:100%}.settings-color-swatch{width:40px;height:36px;border:none;border-radius:var(--r-sm);cursor:pointer}.settings-input-w120{width:120px}.settings-inline-number{width:50px;display:inline;padding:var(--sp-xs) var(--sp-sm)}.settings-w160{width:160px}.settings-w130{width:130px}.settings-w100{width:100px}.settings-btn-full{width:100%;display:flex;align-items:center;justify-content:center;gap:6px}.settings-btn-full.disabled-look{opacity:.6}.settings-icon-inline{display:inline;vertical-align:middle}.settings-section-border-top{border-top:1px solid var(--c-border);padding-top:var(--sp-xl)}.settings-mb-0-i{margin-bottom:0!important}.settings-border-danger{border-color:var(--c-danger)}.settings-btn-danger-bg{background:var(--c-danger);border-color:var(--c-danger)}.settings-color-dot{width:12px;height:12px;border-radius:50%}.settings-mono-id{font-family:monospace;opacity:.7}.settings-opacity-half{opacity:.5}.settings-user-select-none{-webkit-user-select:none;user-select:none}.settings-agent-avatar{width:36px;height:36px;border-radius:10px}.settings-agent-avatar img{height:100%;object-fit:cover}.settings-role-select{padding:var(--sp-xs) var(--sp-sm);width:auto}.settings-status-dot{width:7px;height:7px;border-radius:50%}.settings-test-result{padding:var(--sp-sm) var(--sp-md);border-radius:var(--r-sm)}.settings-test-result.success{background:var(--c-success-subtle);border:1px solid rgba(76,175,80,.25)}.settings-test-result.error{background:var(--c-danger-subtle);border:1px solid rgba(244,67,54,.25)}.settings-test-result svg{vertical-align:middle;margin-right:4px}.settings-mapping-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) auto;gap:var(--sp-md);align-items:center}.settings-input-disabled{opacity:.4}.settings-text-lg-preview{font-size:18px}.settings-min-w36{min-width:36px}.settings-ml-sm{margin-left:var(--sp-sm)}.settings-tab-gap-2{gap:2px}.channel-icon-telegram{color:#229ed9}.channel-icon-max{color:#7c4dff}.channel-icon-vk{color:#4c75a3}.btn-primary-danger{background-color:var(--c-danger)}.billing-loading{padding:40px;text-align:center;color:var(--c-text-dim)}.billing-error-wrap{padding:40px;text-align:center}.billing-error-title{color:var(--c-danger);margin-bottom:var(--sp-sm);font-weight:700}.billing-error-msg{font-size:var(--fs-md);color:var(--c-text-dim)}.billing-retry-btn{margin-top:var(--sp-md)}.billing-back-btn{margin-bottom:var(--sp-lg);display:flex;align-items:center;gap:6px}.billing-checkout-desc{font-size:var(--fs-sm);color:var(--c-text-dim);margin-top:2px}.billing-checkout-price-dim{font-size:var(--fs-md);color:var(--c-text-dim)}.billing-checkout-flex-gap{display:flex;align-items:center;gap:var(--sp-sm)}.billing-total-value{font-size:var(--fs-2xl);font-weight:800}.billing-total-period{font-size:var(--fs-base);font-weight:500;color:var(--c-text-dim)}.billing-total-detail{font-size:var(--fs-md);color:var(--c-text-dim);margin-top:2px}.billing-feature-val{color:var(--c-primary);font-weight:600}.billing-feature-check{color:var(--c-primary)}.billing-feature-x{color:var(--c-text-muted);opacity:.4}.billing-heading-mb-xs{margin-bottom:var(--sp-xs)}.billing-meta-text{font-size:var(--fs-base);color:var(--c-text-dim);margin:0 0 var(--sp-sm) 0}.billing-meta-text svg{vertical-align:middle;margin-right:4px}.billing-trial-text{font-size:var(--fs-md);color:#e65100;margin:0 0 var(--sp-sm) 0}.billing-trial-text svg{vertical-align:middle;margin-right:4px}.billing-upsell-text{font-size:var(--fs-md);margin:0;cursor:pointer;color:var(--c-primary)}.billing-card-section{margin-top:var(--sp-md)}.billing-card-title{font-size:var(--fs-base);font-weight:700;margin:0 0 var(--sp-sm) 0}.billing-card-row{display:flex;align-items:center;gap:var(--sp-sm);flex-wrap:wrap}.billing-card-mask{font-size:var(--fs-md)}.billing-remove-card{font-size:var(--fs-sm);color:var(--c-danger)}.billing-downgrade-row{display:flex;align-items:center;gap:6px;flex:1}.billing-manage-mt{margin-top:var(--sp-lg)}.billing-manage-actions-bordered{margin-top:var(--sp-md);padding-top:var(--sp-md);border-top:1px solid var(--c-border)}.billing-reduce-btn,.billing-cancel-btn{color:var(--c-danger)}.billing-history-toggle{margin-top:var(--sp-md);text-align:right}.billing-history-toggle .settings-btn{font-size:var(--fs-md)}.billing-history-section{margin-top:var(--sp-sm)}.billing-payments-empty{padding:var(--sp-lg);text-align:center;color:var(--c-text-dim);font-size:var(--fs-md)}.billing-payments-scroll{max-height:300px;overflow-y:auto}.billing-payments-table{width:100%;border-collapse:collapse;font-size:var(--fs-md)}.billing-payments-table th{padding:var(--sp-sm) var(--sp-md);font-weight:600}.billing-payments-table th.left{text-align:left}.billing-payments-table th.right{text-align:right}.billing-payments-table th.center{text-align:center}.billing-payments-table thead tr{border-bottom:1px solid var(--c-border);position:sticky;top:0;background:var(--c-surface)}.billing-payments-table td{padding:var(--sp-sm) var(--sp-md)}.billing-payments-table td.right{text-align:right}.billing-payments-table td.center{text-align:center}.billing-payments-table td.bold{font-weight:600}.billing-payments-table tbody tr{border-bottom:1px solid var(--c-border)}.billing-current-label{color:var(--c-primary);font-weight:600;font-size:var(--fs-md);display:flex;align-items:center;justify-content:center;gap:4px}.billing-plan-header-name{font-weight:800;font-size:var(--fs-lg)}.billing-plan-header-price{font-size:var(--fs-2xl);font-weight:800;color:var(--c-primary);margin-top:4px}.billing-plan-header-sub{font-size:var(--fs-2xs);color:var(--c-text-dim);font-weight:500}.billing-save-badge-mt{margin-top:6px}.billing-table-plans-label{font-weight:700}.billing-interval-ml{margin-left:var(--sp-sm)}.billing-limit-bold{font-weight:600}.billing-banner-text-flex{flex:1}.billing-pending-agents-row{display:flex;align-items:center;gap:6px}.billing-flex-auto{flex:0 0 auto}.settings-error-boundary{padding:40px;text-align:center}.settings-error-title{color:var(--c-danger);font-weight:700;margin-bottom:var(--sp-sm)}.settings-error-stack{font-size:var(--fs-sm);color:var(--c-text-dim);font-family:monospace;white-space:pre-wrap;max-width:600px;margin:0 auto}.settings-error-retry{margin-top:var(--sp-md)}.settings-gap-2px{gap:2px}.client-analytics-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.client-analytics-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:16px}@media(max-width:900px){.client-analytics-grid-3{grid-template-columns:1fr 1fr}}@media(max-width:768px){.client-analytics-grid-2,.client-analytics-grid-3{grid-template-columns:1fr}}.support-layout{display:flex;height:100%}.support-sidebar{width:340px;min-width:260px;border-right:1px solid var(--c-border);display:flex;flex-direction:column;background:var(--c-bg)}.support-sidebar-header{padding:var(--sp-md);border-bottom:1px solid var(--c-border);display:flex;align-items:center;gap:var(--sp-sm)}.support-sidebar-icon{color:var(--c-accent);flex-shrink:0}.support-sidebar-title{margin:0;font-size:16px;font-weight:600}.support-sidebar-actions{margin-left:auto;display:flex;gap:var(--sp-xs)}.support-new-btn{font-size:12px;padding:5px 10px;display:flex;align-items:center;gap:var(--sp-xs);background:var(--c-accent);color:var(--c-bg);border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:opacity .15s}.support-new-btn:hover{opacity:.85}.support-ticket-list{flex:1;overflow-y:auto}.support-ticket-item{padding:var(--sp-md);cursor:pointer;border-bottom:1px solid var(--c-border);background:transparent;transition:background .15s;display:block;width:100%;border-left:3px solid transparent;border-right:none;border-top:none;font:inherit;text-align:left;color:inherit}.support-ticket-item:hover{background:var(--c-bg-hover)}.support-ticket-item.active{background:var(--c-bg-elevated);border-left-color:var(--c-accent)}.support-ticket-item-row{display:flex;align-items:center;gap:var(--sp-sm);margin-bottom:4px}.support-ticket-item-subject{flex:1;min-width:0;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-ticket-item-date{font-size:11px;color:var(--c-text-muted);flex-shrink:0}.support-ticket-item-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--c-text-muted)}.support-ticket-item-meta span{display:flex;align-items:center;gap:3px}.support-badge{display:inline-block;font-size:10px;font-weight:600;padding:2px 7px;border-radius:999px;color:var(--c-bg);text-transform:uppercase;letter-spacing:.3px}.support-badge-sm{display:inline-block;font-size:10px;font-weight:600;padding:1px 6px;border-radius:999px;color:var(--c-bg)}.support-badge--bug{background:var(--c-danger)}.support-badge--feature-request{background:var(--c-accent)}.support-badge--integration-request{background:var(--c-info)}.support-badge--question{background:var(--c-warning)}.support-badge--open{background:var(--c-info)}.support-badge--in-progress{background:var(--c-warning)}.support-badge--resolved{background:var(--c-success)}.support-badge--closed{background:var(--c-text-muted)}.support-empty-list{padding:var(--sp-xl);text-align:center;color:var(--c-text-muted)}.support-empty-list p{margin:var(--sp-sm) 0 0;font-size:13px}.support-loading{display:flex;justify-content:center;padding:48px 0}.support-content{flex:1;display:flex;flex-direction:column;background:var(--c-bg);min-width:0;position:relative}.support-empty-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--c-text-muted);gap:var(--sp-md)}.support-empty-center p{margin:0;font-size:15px}.support-thread-header{padding:var(--sp-md) 20px;border-bottom:1px solid var(--c-border);display:flex;align-items:center;gap:var(--sp-md)}.support-thread-meta{flex:1;min-width:0}.support-thread-subject{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.support-thread-info{font-size:12px;color:var(--c-text-muted);display:flex;align-items:center;gap:var(--sp-sm);margin-top:2px}.support-thread-badges{display:flex;gap:6px;flex-shrink:0}.support-messages{flex:1;overflow-y:auto;padding:20px var(--sp-lg);display:flex;flex-direction:column;gap:12px}.support-message{padding:12px 14px;border-radius:10px;border:1px solid var(--c-border);background:var(--c-bg-card)}.support-message.admin{border-left:3px solid var(--c-accent);background:var(--c-bg-hover)}@supports (color: color-mix(in srgb,red 50%,blue)){.support-message.admin{background:color-mix(in srgb,var(--c-accent) 5%,var(--c-bg-card))}}.support-message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px}.support-message-author-admin{color:var(--c-accent)}.support-message-author-user{color:var(--c-text)}.support-message-time{font-size:11px;color:var(--c-text-muted)}.support-message-body{font-size:14px;line-height:1.5;color:var(--c-text);white-space:pre-wrap;word-break:break-word}.support-reply-bar{border-top:1px solid var(--c-border);background:var(--c-bg)}.support-reply-row{padding:var(--sp-md) 20px;display:flex;gap:var(--sp-sm);align-items:flex-end}.support-reply-textarea{flex:1;padding:10px 14px;border-radius:10px;border:1px solid var(--c-border);background:var(--c-bg-elevated);color:var(--c-text);font-size:14px;resize:none;min-height:42px;max-height:200px;line-height:1.5;font-family:inherit;outline:none;box-sizing:border-box}.support-reply-textarea:focus{border-color:var(--c-accent)}.support-send-btn{width:42px;height:42px;border-radius:10px;background:var(--c-accent);color:var(--c-bg);flex-shrink:0;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s}.support-send-btn:hover{opacity:.85}.support-send-btn:disabled{background:var(--c-border);cursor:not-allowed}.support-closed-notice{text-align:center;padding:var(--sp-md) 20px;font-size:13px;color:var(--c-text-muted);border-top:1px solid var(--c-border)}.support-sidebar-filter{padding:var(--sp-sm) var(--sp-md);border-bottom:1px solid var(--c-border)}.support-sidebar-filter select{width:100%;background:var(--c-bg-elevated);border:1px solid var(--c-border);border-radius:6px;padding:6px 10px;font-size:13px;color:var(--c-text);outline:none}.support-sidebar-filter select:focus{border-color:var(--c-accent)}.support-chat-input-wrap{border-top:1px solid var(--c-border)}.support-chat-input-wrap .input-icon-btn:first-child{display:none}.support-chat-input-wrap .chat-input-area.comment-mode{background:var(--c-bg)}.support-chat-input-wrap .chat-input.comment-mode{border-color:var(--c-border);background:var(--c-bg-elevated)}.support-chat-input-wrap .chat-input.comment-mode:focus{border-color:var(--c-accent)}.support-message-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.support-att-image{display:block;border-radius:8px;overflow:hidden;max-width:200px}.support-att-image img{display:block;max-width:100%;height:auto;border-radius:8px}.support-att-file{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;background:var(--c-bg-elevated);border:1px solid var(--c-border);font-size:13px;color:var(--c-accent);text-decoration:none;transition:background .15s}.support-att-file:hover{background:var(--c-bg-hover)}.support-att-size{color:var(--c-text-muted);font-size:11px}.support-create{flex:1;display:flex;flex-direction:column}.support-create-header{padding:var(--sp-md) 20px;border-bottom:1px solid var(--c-border);display:flex;align-items:center;gap:var(--sp-md)}.support-create-title{font-weight:600;font-size:14px}.support-create-close{margin-left:auto;background:none;border:none;cursor:pointer;color:var(--c-text-muted);padding:4px;display:flex;border-radius:4px;transition:background .15s}.support-create-close:hover{background:var(--c-bg-hover)}.support-create-body{flex:1}.support-thread-header .support-create-close{display:none}@media(max-width:768px){.support-layout.has-active .support-sidebar{display:none}.support-layout:not(.has-active) .support-content{display:none}.support-sidebar{width:100%;min-width:0;border-right:none}.support-thread-header .support-create-close{display:flex}.support-thread-header{flex-wrap:wrap}}.support-ticket-item:focus-visible,.support-new-btn:focus-visible,.support-send-btn:focus-visible,.support-submit-btn:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.support-reply-textarea:focus-visible,.support-field input:focus-visible,.support-field select:focus-visible,.support-field textarea:focus-visible{border-color:var(--c-accent)}.admin-tickets{padding:0}.admin-tickets-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px;flex-wrap:wrap}.admin-tickets-header h3{margin:0;font-size:16px;font-weight:600}.admin-tickets-filters{display:flex;align-items:center;gap:8px;font-size:13px}.admin-tickets-filters select{background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:6px;padding:5px 8px;font-size:13px;color:var(--c-text);outline:none}.admin-tickets-table{width:100%;border-collapse:collapse;font-size:13px}.admin-tickets-table th{text-align:left;padding:8px 10px;font-weight:600;color:var(--c-text-muted);border-bottom:1px solid var(--c-border);font-size:12px;text-transform:uppercase;letter-spacing:.3px}.admin-tickets-table td{padding:10px;border-bottom:1px solid var(--c-border);color:var(--c-text);vertical-align:middle}.admin-tickets-row{cursor:pointer;transition:background .15s}.admin-tickets-row:hover{background:var(--c-bg-hover)}.admin-tickets-subject{font-weight:500;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-ticket-detail{padding:0;display:flex;flex-direction:column;max-height:calc(100vh - 200px)}.admin-ticket-detail .support-messages{flex:1;overflow-y:auto;max-height:none}.admin-ticket-detail-header{margin-bottom:16px}.admin-ticket-detail-header h3{font-size:16px;font-weight:600;margin:0 0 8px}.admin-ticket-detail-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--c-text-secondary);margin-bottom:8px}.admin-ticket-status-select{display:flex;align-items:center;gap:8px;font-size:13px}.admin-ticket-status-select label{font-weight:600;color:var(--c-text-secondary)}.admin-ticket-status-select select{background:var(--c-bg-card);border:1px solid var(--c-border);border-radius:6px;padding:5px 8px;font-size:13px;color:var(--c-text);outline:none}.admin-tickets-filters select:focus,.admin-ticket-status-select select:focus{border-color:var(--c-accent)}.admin-tickets .btn:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}@media(max-width:900px){.admin-tickets-table th:nth-child(3),.admin-tickets-table td:nth-child(3){display:none}.admin-ticket-detail-meta{font-size:12px}}@media(max-width:768px){.admin-tickets-header{flex-direction:column;align-items:flex-start}.admin-tickets-filters{flex-wrap:wrap}.admin-tickets-table th:nth-child(6),.admin-tickets-table td:nth-child(6),.admin-tickets-table th:nth-child(7),.admin-tickets-table td:nth-child(7){display:none}}.chatbots-create-row{display:flex;align-items:center;gap:var(--sp-sm);padding:var(--sp-sm) var(--sp-md);border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-bg-elevated);animation:fadeIn var(--t-fast)}.chatbots-create-input{flex:1!important;min-width:0}.chatbots-create-row .btn-secondary{flex-shrink:0;white-space:nowrap}.chatbots-empty{display:flex;flex-direction:column;align-items:center;gap:var(--sp-sm);padding:var(--sp-2xl) 0 var(--sp-xl);color:var(--c-text-muted)}.chatbots-empty-title{font-size:var(--fs-md);font-weight:600;color:var(--c-text)}.chatbots-empty-hint{font-size:var(--fs-sm)}.chatbots-templates{margin-top:var(--sp-lg);width:100%;max-width:560px}.chatbots-templates-title{font-size:var(--fs-xs);color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:var(--sp-sm)}.chatbots-templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--sp-sm)}.chatbots-template-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--sp-md);border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-bg);cursor:pointer;transition:border-color var(--t-fast),background var(--t-fast);text-align:center;color:var(--c-text-dim);font-family:inherit;font-size:inherit}.chatbots-template-card:hover{border-color:var(--c-primary);background:var(--c-bg-elevated)}.chatbots-template-card:disabled{opacity:.5;pointer-events:none}.chatbots-template-name{font-weight:600;font-size:var(--fs-sm);color:var(--c-text)}.chatbots-template-desc{font-size:var(--fs-xs);color:var(--c-text-muted);line-height:var(--lh-normal)}.chatbots-list{display:flex;flex-direction:column;gap:var(--sp-sm)}.chatbots-list .setting-toggle-row{cursor:default}.chatbots-item-info{display:flex;flex-direction:column;cursor:pointer;flex:1;min-width:0}.chatbots-item-meta{font-size:var(--fs-2xs)}.chatbots-item-actions{display:flex;gap:2px;align-items:center;flex-shrink:0}.chatbots-delete-confirm{display:flex;gap:4px;align-items:center}.chatbots-confirm-yes{font-size:var(--fs-xs)!important;padding:4px 10px!important;color:var(--c-danger)!important;border-color:var(--c-danger)!important}.chatbots-delete-btn{color:var(--c-text-muted)}.chatbots-delete-btn:hover{color:var(--c-danger)}.chatbot-editor{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--c-bg)}.chatbot-editor-loading{display:flex;align-items:center;justify-content:center;height:100vh}.chatbot-editor-toolbar{display:flex;align-items:center;gap:var(--sp-sm);padding:6px var(--sp-md);border-bottom:1px solid var(--c-border);background:var(--c-bg);z-index:10;min-height:48px}.chatbot-editor-back{flex-shrink:0;display:inline-flex;align-items:center;gap:5px}.chatbot-editor-title{flex:1;font-weight:600;font-size:var(--fs-md);display:flex;align-items:center;gap:var(--sp-xs);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatbot-editor-version{font-size:var(--fs-2xs);color:var(--c-text-muted);font-weight:400}.chatbot-editor-toolbar-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.chatbot-editor-toolbar-actions .btn-primary,.chatbot-editor-toolbar-actions .btn-secondary{width:auto;margin-top:0;padding:6px 14px;font-size:var(--fs-sm);display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.chatbot-editor-toolbar-actions .btn-primary{background:var(--c-primary);box-shadow:none}.chatbot-editor-toolbar-actions .btn-primary:hover{transform:none;opacity:.9;box-shadow:none}.chatbot-editor-dirty{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-xs);color:var(--c-warning);white-space:nowrap}.chatbot-editor-body{display:flex;flex:1;overflow:hidden}.chatbot-editor-canvas{flex:1;height:100%}.chatbot-palette{display:flex;flex-direction:column;gap:4px;padding:var(--sp-sm);border-right:1px solid var(--c-border);background:var(--c-bg);width:190px;flex-shrink:0;overflow-y:auto}.chatbot-palette-title{font-size:var(--fs-2xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--c-text-muted);padding:4px 6px 6px}.chatbot-palette-item{display:flex;align-items:center;gap:var(--sp-sm);padding:7px 8px;border-radius:var(--r-sm);border:1px solid transparent;background:transparent;cursor:grab;transition:background var(--t-fast),border-color var(--t-fast);-webkit-user-select:none;user-select:none}.chatbot-palette-item:hover{background:var(--c-bg-elevated);border-color:var(--c-border)}.chatbot-palette-item:active{cursor:grabbing;background:var(--c-bg-hover)}.chatbot-palette-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-sm);flex-shrink:0}.chatbot-palette-item.message .chatbot-palette-icon{background:color-mix(in srgb,var(--c-primary) 12%,transparent);color:var(--c-primary)}.chatbot-palette-item.buttons .chatbot-palette-icon{background:color-mix(in srgb,var(--c-info) 15%,transparent);color:var(--c-info)}.chatbot-palette-item.input .chatbot-palette-icon{background:color-mix(in srgb,var(--c-accent) 15%,transparent);color:var(--c-accent)}.chatbot-palette-item.condition .chatbot-palette-icon{background:color-mix(in srgb,var(--c-danger) 12%,transparent);color:var(--c-danger)}.chatbot-palette-item.action .chatbot-palette-icon{background:color-mix(in srgb,var(--c-warning) 15%,transparent);color:var(--c-warning)}.chatbot-palette-item.delay .chatbot-palette-icon{background:color-mix(in srgb,var(--c-text-muted) 15%,transparent);color:var(--c-text-muted)}.chatbot-palette-text{display:flex;flex-direction:column;gap:1px;min-width:0}.chatbot-palette-label{font-size:var(--fs-xs);font-weight:600;color:var(--c-text);line-height:1.3}.chatbot-palette-hint{font-size:10px;color:var(--c-text-muted);line-height:1.3}.chatbot-node{background:var(--c-bg-elevated);border:1px solid var(--c-border);border-radius:var(--r-md);min-width:180px;max-width:240px;box-shadow:var(--shadow-sm);font-size:var(--fs-xs);transition:border-color var(--t-fast),box-shadow var(--t-fast)}.chatbot-node:hover,.chatbot-node.selected{border-color:var(--c-primary);box-shadow:var(--shadow-md)}.chatbot-node-header{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:var(--r-md) var(--r-md) 0 0;font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.4px}.chatbot-node-header.start{background:color-mix(in srgb,var(--c-success) 15%,transparent);color:var(--c-success)}.chatbot-node-header.message{background:color-mix(in srgb,var(--c-primary) 12%,transparent);color:var(--c-primary)}.chatbot-node-header.buttons{background:color-mix(in srgb,var(--c-info) 15%,transparent);color:var(--c-info)}.chatbot-node-header.action{background:color-mix(in srgb,var(--c-warning) 15%,transparent);color:var(--c-warning)}.chatbot-node-header.input{background:color-mix(in srgb,var(--c-accent) 15%,transparent);color:var(--c-accent)}.chatbot-node-header.condition{background:color-mix(in srgb,var(--c-danger) 12%,transparent);color:var(--c-danger)}.chatbot-node-header.delay{background:color-mix(in srgb,var(--c-text-muted) 15%,transparent);color:var(--c-text-muted)}.chatbot-node-body{padding:6px 10px 8px}.chatbot-node-preview{color:var(--c-text);margin:0;font-size:var(--fs-xs);line-height:1.4;word-break:break-word}.chatbot-node-placeholder{color:var(--c-text-muted);font-style:italic;font-size:var(--fs-xs)}.chatbot-node-buttons-list{display:flex;flex-direction:column;gap:3px;margin-top:4px}.chatbot-node-button-chip{position:relative;padding:2px 8px;border-radius:var(--r-sm);border:1px solid var(--c-border-light);color:var(--c-text);font-size:11px;background:var(--c-bg);line-height:1.5}.chatbot-node-variable{display:flex;align-items:center;gap:5px;margin-top:5px}.chatbot-node-var-badge{padding:1px 6px;border-radius:var(--r-sm);background:color-mix(in srgb,var(--c-accent) 15%,transparent);color:var(--c-accent);font-size:10px;font-weight:600;font-family:monospace}.chatbot-node-var-type{font-size:10px;color:var(--c-text-muted)}.chatbot-node-condition-branch{position:relative;padding:2px 8px;border-radius:var(--r-sm);background:var(--c-bg);border:1px solid var(--c-border-light);color:var(--c-text);font-size:11px;margin-bottom:3px;line-height:1.5}.chatbot-handle-inline{position:absolute!important;top:50%!important;right:-5px!important;transform:translateY(-50%)!important}.chatbot-config-panel{width:300px;flex-shrink:0;border-left:1px solid var(--c-border);background:var(--c-bg);overflow-y:auto;display:flex;flex-direction:column}.chatbot-config-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-sm) var(--sp-md);border-bottom:1px solid var(--c-border)}.chatbot-config-title{font-weight:600;font-size:var(--fs-sm);margin:0}.chatbot-config-body{padding:var(--sp-md);display:flex;flex-direction:column;gap:var(--sp-sm)}.chatbot-config-label{font-size:var(--fs-xs);font-weight:600;color:var(--c-text);margin-bottom:-4px}.chatbot-config-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:-4px}.chatbot-config-label-row .chatbot-config-label{margin-bottom:0}.chatbot-config-field-hint{font-size:11px;color:var(--c-text-muted);line-height:1.4;margin-bottom:2px}.chatbot-config-field-example{font-style:italic;color:var(--c-text-dim)}.chatbot-config-field-example code{font-size:10px;background:var(--c-bg-hover);padding:1px 4px;border-radius:3px}.chatbot-var-inserter{position:relative}.chatbot-var-btn{padding:2px!important}.chatbot-var-dropdown{position:absolute;right:0;top:100%;z-index:20;background:var(--c-bg-elevated);border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--shadow-md);min-width:170px;max-height:220px;overflow-y:auto;padding:4px;animation:fadeIn var(--t-fast)}.chatbot-var-dropdown-title{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--c-text-muted);padding:4px 8px 2px}.chatbot-var-option{display:block;width:100%;text-align:left;padding:5px 8px;border:none;background:none;border-radius:var(--r-sm);cursor:pointer;font-family:inherit;font-size:var(--fs-xs);color:var(--c-text);transition:background var(--t-fast)}.chatbot-var-option:hover{background:var(--c-bg-hover)}.chatbot-var-option code{font-size:11px;color:var(--c-primary)}.chatbot-config-textarea{width:100%;padding:var(--sp-xs) var(--sp-sm);border:1px solid var(--c-border);border-radius:var(--r-sm);background:var(--c-bg-elevated);color:var(--c-text);font-family:inherit;font-size:var(--fs-sm);resize:vertical;min-height:56px;transition:border-color var(--t-fast)}.chatbot-config-textarea:focus{outline:none;border-color:var(--c-primary)}.chatbot-config-hint{font-size:var(--fs-xs);color:var(--c-text-muted);line-height:1.5}.chatbot-config-buttons-list{display:flex;flex-direction:column;gap:var(--sp-xs)}.chatbot-config-button-row{display:flex;gap:var(--sp-xs);align-items:center}.chatbot-config-button-row .settings-input{flex:1}.chatbot-config-add-btn{align-self:flex-start;font-size:var(--fs-xs)!important;padding:4px 10px!important}.chatbot-config-conditions-list{display:flex;flex-direction:column;gap:var(--sp-sm)}.chatbot-config-condition-row{display:flex;gap:var(--sp-xs);align-items:flex-start;padding:var(--sp-sm);background:var(--c-bg-elevated);border:1px solid var(--c-border);border-radius:var(--r-sm)}.chatbot-config-condition-fields{flex:1;display:flex;flex-direction:column;gap:var(--sp-xs)}.chatbot-config-condition-row .btn-icon,.chatbot-config-condition-row .btn-icon-ghost{margin-top:2px;flex-shrink:0}.chatbot-config-delete{margin-top:var(--sp-lg);font-size:var(--fs-xs)!important;padding:6px 12px!important;width:auto!important;align-self:flex-start}.chatbot-editor-canvas .react-flow__node{cursor:pointer}.chatbot-editor-canvas .react-flow__node.selected .chatbot-node{border-color:var(--c-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--c-primary) 20%,transparent)}.chatbot-editor-canvas .react-flow__node-input,.chatbot-editor-canvas .react-flow__node-default,.chatbot-editor-canvas .react-flow__node-output,.chatbot-editor-canvas .react-flow__node-group{padding:0;background:transparent;border:none;width:auto;color:inherit;text-align:left;border-radius:0}.chatbot-editor-canvas .react-flow__node-input.selectable.selected,.chatbot-editor-canvas .react-flow__node-input.selectable:focus,.chatbot-editor-canvas .react-flow__node-input.selectable:focus-visible,.chatbot-editor-canvas .react-flow__node-default.selectable.selected,.chatbot-editor-canvas .react-flow__node-default.selectable:focus,.chatbot-editor-canvas .react-flow__node-default.selectable:focus-visible,.chatbot-editor-canvas .react-flow__node-output.selectable.selected,.chatbot-editor-canvas .react-flow__node-output.selectable:focus,.chatbot-editor-canvas .react-flow__node-output.selectable:focus-visible,.chatbot-editor-canvas .react-flow__node-group.selectable.selected{box-shadow:none}.chatbot-editor-canvas .react-flow__node-input.selectable:hover,.chatbot-editor-canvas .react-flow__node-default.selectable:hover,.chatbot-editor-canvas .react-flow__node-output.selectable:hover,.chatbot-editor-canvas .react-flow__node-group.selectable:hover{box-shadow:none}.chatbot-editor-canvas .react-flow__handle{width:8px;height:8px;border:1.5px solid var(--c-primary);background:var(--c-bg)}.chatbot-editor-canvas .react-flow__handle:hover{width:10px;height:10px}.chatbot-editor-canvas .react-flow__edge-path{stroke:var(--c-border-light);stroke-width:1.5;transition:stroke var(--t-fast)}.chatbot-editor-canvas .react-flow__edge:hover .react-flow__edge-path,.chatbot-editor-canvas .react-flow__edge.selected .react-flow__edge-path{stroke:var(--c-primary);stroke-width:2}.chatbot-editor-canvas .react-flow__minimap{border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-bg-elevated);overflow:hidden}.chatbot-editor-canvas .react-flow__minimap svg{background:var(--c-bg-elevated)}[data-theme=dark] .chatbot-editor-canvas .react-flow__minimap-mask{fill:color-mix(in srgb,var(--c-bg) 70%,transparent)}[data-theme=dark] .chatbot-editor-canvas .react-flow__minimap-node{fill:var(--c-border)}[data-theme=dark] .chatbot-editor-canvas .react-flow__controls-button{background:var(--c-bg-elevated);border-bottom:1px solid var(--c-border);color:var(--c-text);fill:var(--c-text)}[data-theme=dark] .chatbot-editor-canvas .react-flow__controls-button:hover{background:var(--c-bg-hover)}[data-theme=dark] .chatbot-editor-canvas .react-flow__controls-button svg{fill:var(--c-text)}[data-theme=dark] .chatbot-editor-canvas .react-flow__attribution{background:transparent;color:var(--c-text-dim)}.chatbot-editor-canvas .react-flow__controls{border:1px solid var(--c-border);border-radius:var(--r-sm);box-shadow:var(--shadow-sm)}.chatbot-editor-canvas .react-flow__controls-button{background:var(--c-bg);border-bottom:1px solid var(--c-border);fill:var(--c-text-dim);width:28px;height:28px}.chatbot-editor-canvas .react-flow__controls-button:hover{background:var(--c-bg-elevated)}.chatbot-editor-canvas .react-flow__background{background:var(--c-bg)}.cmdk-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,#000 50%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;animation:cmdkFadeIn var(--t-fast) ease-out}@keyframes cmdkFadeIn{0%{opacity:0}to{opacity:1}}.cmdk-panel{width:min(640px,calc(100vw - 32px));max-height:70vh;background:var(--c-bg-elevated);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;animation:cmdkSlideIn .18s cubic-bezier(.16,1,.3,1)}@keyframes cmdkSlideIn{0%{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cmdk-input-wrap{display:flex;align-items:center;gap:var(--sp-sm);padding:var(--sp-md) var(--sp-lg);border-bottom:1px solid var(--c-border)}.cmdk-input-icon{color:var(--c-text-muted);flex-shrink:0}.cmdk-input{flex:1;background:transparent;border:none;outline:none;color:var(--c-text);font-size:16px;font-family:var(--font)}.cmdk-input::placeholder{color:var(--c-text-muted)}.cmdk-hint{font-size:11px;color:var(--c-text-muted);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-xs);padding:2px 6px;font-family:var(--font);flex-shrink:0}.cmdk-list{flex:1;overflow-y:auto;padding:var(--sp-xs)}.cmdk-group-label{font-size:10px;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.6px;color:var(--c-text-muted);padding:var(--sp-sm) var(--sp-md) var(--sp-xs)}.cmdk-item{display:flex;align-items:center;gap:var(--sp-sm);padding:var(--sp-sm) var(--sp-md);border-radius:var(--r-sm);cursor:pointer;color:var(--c-text-dim);font-size:var(--fs-md);transition:background var(--t-fast),color var(--t-fast);-webkit-user-select:none;user-select:none}.cmdk-item:hover,.cmdk-item.cmdk-active{background:var(--c-bg-hover);color:var(--c-text)}.cmdk-item-icon{width:28px;height:28px;border-radius:var(--r-sm);background:var(--c-surface);display:flex;align-items:center;justify-content:center;color:var(--c-text-muted);flex-shrink:0}.cmdk-item.cmdk-active .cmdk-item-icon{background:var(--c-primary-subtle);color:var(--c-primary)}.cmdk-item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cmdk-item-title{font-weight:var(--fw-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmdk-item-subtitle{font-size:var(--fs-xs);color:var(--c-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmdk-item-meta{font-size:10px;color:var(--c-text-muted);flex-shrink:0;text-transform:uppercase;letter-spacing:.4px}.cmdk-empty{padding:var(--sp-xl) var(--sp-md);text-align:center;color:var(--c-text-muted);font-size:var(--fs-md)}.cmdk-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-md);padding:var(--sp-sm) var(--sp-lg);border-top:1px solid var(--c-border);font-size:11px;color:var(--c-text-muted)}.cmdk-footer-keys{display:flex;align-items:center;gap:var(--sp-md)}.cmdk-footer-key{display:inline-flex;align-items:center;gap:4px}.cmdk-kbd{display:inline-block;min-width:18px;padding:1px 5px;border:1px solid var(--c-border);border-radius:var(--r-xs);background:var(--c-surface);color:var(--c-text-dim);font-family:var(--font);font-size:10px;text-align:center;line-height:1.4}.skeleton{display:block;background:color-mix(in srgb,var(--c-text) 8%,transparent);border-radius:var(--r-xs);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--c-text) 5%,transparent),transparent);transform:translate(-100%);animation:skeleton-shimmer 1.4s infinite}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.skeleton-circle{border-radius:var(--r-full)}.skeleton-conv-list{display:flex;flex-direction:column}.skeleton-conv-row{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-bottom:1px solid var(--c-border);border-left:3px solid transparent}.skeleton-conv-avatar{width:36px;height:36px;border-radius:var(--r-md);flex-shrink:0}.skeleton-conv-body{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0;padding-top:6px}.skeleton-conv-line{height:10px;border-radius:var(--r-xs)}.skeleton-conv-line.title{width:60%}.skeleton-conv-line.preview{width:90%;height:8px;opacity:.7}.skeleton-mail-row{padding:12px 16px;border-bottom:1px solid var(--c-border);display:flex;flex-direction:column;gap:8px}.skeleton-mail-row .skeleton-conv-line.title{width:50%;height:11px}.skeleton-mail-row .skeleton-conv-line.preview{width:80%}.empty-v2{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--sp-2xl) var(--sp-lg);gap:var(--sp-md);color:var(--c-text-muted)}.empty-v2-icon{width:72px;height:72px;border-radius:var(--r-full);background:var(--c-primary-subtle);color:var(--c-primary);display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-sm)}.empty-v2-title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);color:var(--c-text);margin:0}.empty-v2-desc{font-size:var(--fs-md);color:var(--c-text-muted);max-width:360px;margin:0;line-height:var(--lh-relaxed)}.empty-v2 .empty-v2-action{margin-top:var(--sp-sm)}