*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0e0d12;--surface:#141219;--surface-2:#1c1a22;--surface-3:#24212c;--border:#ffffff12;--border-2:#ffffff24;--primary:#8b5cf6;--primary-end:#8b5cf6;--gradient:#7c3aed;--gradient-r:#7c3aed;--gradient-subtle:#7c3aed1f;--primary-subtle:#8b5cf61f;--fire-glow:none;--fire-glow-sm:none;--text:#f2eeff;--text-2:#a89abe;--text-muted:#6b5e87;--green:#25d366;--green-subtle:#25d3661a;--orange:#ff8c00;--orange-subtle:#ff8c001f;--blue:#4a9eff;--blue-subtle:#4a9eff1a;--purple:#9b5de5;--purple-subtle:#9b5de51a;--font:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--r:12px;--r-md:10px;--r-sm:8px;--r-xs:6px;--shadow:0 0 0 1px var(--border)}[data-theme=light]{--bg:#f7f6fb;--surface:#fff;--surface-2:#f1eff7;--surface-3:#e8e4f1;--border:#140f2814;--border-2:#140f2824;--text:#1c1726;--text-2:#5c5570;--text-muted:#8b84a0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:13px;line-height:1.5}.layout{height:100vh;display:flex;overflow:hidden}.sidebar{background:#08070c;border-right:1px solid #ffffff14;flex-direction:column;flex-shrink:0;align-items:center;width:64px;display:flex}.rail-brand{border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:64px;display:flex}.rail-nav{flex-direction:column;flex:1;align-items:center;gap:6px;width:100%;padding:12px 0;display:flex}.rail-item{border-radius:var(--r-sm);cursor:pointer;color:#6b5e87;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:background 80ms,color 80ms;display:flex}.rail-item:hover{color:#a89abe;background:#ffffff0f}.rail-item.active{color:#f2eeff;background:#24212c}.rail-item svg{flex-shrink:0;width:19px;height:19px}.rail-disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.rail-bottom{flex-direction:column;align-items:center;gap:8px;width:100%;padding:12px 0 16px;display:flex}.rail-status{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-bottom:2px}.rail-status.on{background:var(--green)}.rail-status.off{background:#6b5e87}.rail-logout:hover{color:var(--primary);background:#8b5cf61a}.brand-icon{background:var(--gradient);border-radius:var(--r-sm);color:#fff;letter-spacing:-.5px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.brand-icon img,.login-brand-icon img,.splash-icon img{object-fit:contain;width:66%;height:66%;display:block}.brand-name{color:var(--text);letter-spacing:-.3px;font-size:15px;font-weight:600}.brand-sub{color:var(--text-muted);margin-top:1px;font-size:11px;display:block}.sidebar-nav{flex:1;padding:10px}.nav-separator{background:var(--border);height:1px;margin:6px 4px}.nav-item{border-radius:var(--r-sm);height:40px;color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;width:100%;font-size:13px;font-weight:400;font-family:var(--font);background:0 0;border:none;align-items:center;gap:10px;padding:0 12px;transition:background 80ms,color 80ms;display:flex;position:relative}.nav-item:hover{color:var(--text);background:#ffffff0d}.nav-item.active{background:var(--gradient-subtle);color:var(--text);font-weight:500}.nav-item.active:before{content:"";background:var(--gradient);border-radius:0 2px 2px 0;width:3px;position:absolute;top:7px;bottom:7px;left:-2px}.nav-item svg{flex-shrink:0;width:18px;height:18px}.nav-item.active svg{color:var(--primary-end)}.nav-disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.nav-soon{letter-spacing:.04em;color:var(--text-muted);background:var(--surface-3);border:1px solid var(--border);text-transform:uppercase;border-radius:4px;flex-shrink:0;margin-left:auto;padding:2px 5px;font-size:9px;font-weight:600}.nav-item.nav-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.nav-item.nav-disabled:hover{color:var(--text-2);background:0 0}.nav-soon{letter-spacing:.4px;text-transform:uppercase;background:var(--surface-3);border:1px solid var(--border);color:var(--text-muted);border-radius:var(--r-xs);margin-left:auto;padding:2px 5px;font-size:9px;font-weight:600}.sidebar-sys{border-top:1px solid var(--border);align-items:center;gap:10px;margin-top:auto;padding:12px 14px;display:flex}.sys-dot-wrap{flex-shrink:0}.sys-info{flex:1;min-width:0}.sys-title{color:var(--text-2);font-size:12px;font-weight:500}.sys-sub{color:var(--text-muted);margin-top:1px;font-size:11px}.ws-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.ws-dot.on{background:var(--green)}.ws-dot.off{background:var(--text-muted)}.sidebar-user{border-top:1px solid var(--border);align-items:center;gap:10px;padding:12px 14px 16px;display:flex}.user-avatar-sm{background:var(--surface-3);border:1px solid var(--border);width:34px;height:34px;color:var(--text-2);font-size:12px;font-weight:600;font-family:var(--font);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-info-sm{flex:1;min-width:0}.user-name-sm{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.user-co-sm{color:var(--text-muted);font-size:11px}.logout-btn{color:var(--text-muted);cursor:pointer;font-size:11px;font-family:var(--font);border-radius:var(--r-xs);background:0 0;border:none;flex-shrink:0;padding:4px;transition:color 80ms}.logout-btn:hover{color:var(--primary)}.ws-status{color:var(--text-2);align-items:center;gap:6px;font-size:11px;display:flex}.main{background:var(--bg);flex-direction:column;flex:1;display:flex;overflow-y:auto}.page{box-sizing:border-box;width:100%;padding:32px 36px;animation:.18s page-enter}@keyframes page-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.page-header-left h2{letter-spacing:-.5px;color:var(--text);font-size:22px;font-weight:700}.page-header-left p{color:var(--text-muted);margin-top:3px;font-size:13px}.page-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.filter-btn{border-radius:var(--r-sm);cursor:pointer;background:var(--surface);border:1px solid var(--border);color:var(--text-2);font-size:12px;font-weight:500;font-family:var(--font);white-space:nowrap;align-items:center;gap:6px;padding:7px 12px;transition:border-color 80ms,color 80ms;display:inline-flex}.filter-btn:hover{border-color:var(--border-2);color:var(--text)}.filter-btn svg{flex-shrink:0}.chain-select{border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:13px;font-weight:500;font-family:var(--font);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;padding:7px 12px;transition:border-color 80ms;display:inline-flex}.chain-select:hover{border-color:var(--border-2)}.chain-select svg{color:var(--text-muted);flex-shrink:0}.chain-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.icon-btn{border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border);width:34px;height:34px;color:var(--text-2);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:border-color 80ms,color 80ms;display:inline-flex}.icon-btn:hover{border-color:var(--border-2);color:var(--text)}.topbar-profile{border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border);align-items:center;gap:9px;padding:4px 12px 4px 4px;display:inline-flex}.topbar-avatar{border-radius:var(--r-xs);background:var(--gradient);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:flex}.topbar-profile-info{flex-direction:column;line-height:1.25;display:flex}.topbar-profile-name{color:var(--text);font-size:12px;font-weight:600}.topbar-profile-role{color:var(--text-muted);font-size:11px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);padding:20px 22px 22px;transition:border-color .12s}.stat-card:hover{border-color:var(--border-2)}.stat-top{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.stat-label{color:var(--text-muted);padding-top:2px;font-size:12px;font-weight:500}.stat-icon{border-radius:var(--r-sm);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.stat-icon svg{width:18px;height:18px}.stat-icon-red{background:var(--primary-subtle);color:var(--primary)}.stat-icon-green{background:var(--green-subtle);color:var(--green)}.stat-icon-blue{background:var(--blue-subtle);color:var(--blue)}.stat-icon-orange{background:var(--orange-subtle);color:var(--orange)}.stat-value{letter-spacing:-1.5px;color:var(--text);font-size:34px;font-weight:700;line-height:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.card-header{border-bottom:1px solid var(--border);color:var(--text);justify-content:space-between;align-items:center;padding:14px 20px;font-size:14px;font-weight:600;display:flex}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 20px;font-size:12px;font-weight:500}td{color:var(--text-2);border-bottom:1px solid var(--border);padding:11px 20px;font-size:13px}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface-2)}.badge{border-radius:var(--r-xs);align-items:center;padding:3px 8px;font-size:11px;font-weight:500;line-height:1.4;display:inline-flex}.badge-green{color:var(--green);background:var(--green-subtle)}.badge-blue{color:var(--blue);background:var(--blue-subtle)}.badge-orange{color:var(--orange);background:var(--orange-subtle)}.badge-red{color:var(--primary);background:var(--primary-subtle)}.badge-purple{color:var(--purple);background:var(--purple-subtle)}.badge-gray{color:var(--text-muted);background:var(--surface-2)}.btn{border-radius:var(--r-sm);cursor:pointer;font-size:13px;font-weight:500;line-height:1;font-family:var(--font);border:1px solid #0000;align-items:center;gap:6px;padding:8px 16px;transition:opacity 80ms,background 80ms;display:inline-flex}.btn:hover{opacity:.85}.btn:active{opacity:.65}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-sm{padding:5px 12px;font-size:12px}.btn-block{justify-content:center;width:100%}.btn-primary{background:var(--gradient);color:#fff;border-radius:var(--r-md);border-color:#0000}.btn-primary:hover{opacity:.9}.btn-ghost{border-color:var(--border-2);color:var(--text-2);background:0 0}.btn-ghost:hover{background:var(--surface-2);opacity:1}.btn-danger{background:var(--primary-subtle);color:var(--primary)}.btn-danger:hover{opacity:1;background:#e5484d2e}.btn-success{background:var(--green-subtle);color:var(--green)}.btn-success:hover{opacity:1;background:#46a7582e}label{color:var(--text-muted);margin-bottom:6px;font-size:12px;font-weight:500;display:block}input[type=password],input[type=text]{background:var(--surface-2);border:1px solid var(--border-2);border-radius:var(--r-sm);width:100%;color:var(--text);font-size:13px;font-family:var(--font);outline:none;margin-bottom:14px;padding:9px 12px;transition:border-color .1s,box-shadow .1s}input:focus{border-color:var(--primary)}select{background:var(--surface-2);border:1px solid var(--border-2);border-radius:var(--r-sm);color:var(--text-2);cursor:pointer;font-size:12px;font-family:var(--font);outline:none;padding:6px 10px;transition:border-color 80ms}select:focus{border-color:var(--primary)}.splash{background:var(--bg);z-index:9999;justify-content:center;align-items:center;animation:.4s forwards splash-in;display:flex;position:fixed;inset:0}.splash.splash-out{animation:.5s forwards splash-out}.splash-logo{flex-direction:column;align-items:center;gap:16px;display:flex}.splash-icon{background:var(--gradient);border-radius:var(--r);color:#fff;justify-content:center;align-items:center;width:80px;height:80px;font-size:30px;font-weight:700;animation:1s infinite alternate splash-pulse;display:flex}.splash-name{color:var(--text);letter-spacing:-.4px;font-size:22px;font-weight:700}.splash-sub{color:var(--text-muted);font-size:13px}@keyframes splash-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes splash-out{0%{opacity:1}to{opacity:0}}@keyframes splash-pulse{0%{box-shadow:var(--fire-glow-sm)}to{box-shadow:var(--fire-glow)}}.login-split{height:100vh;display:flex}.login-left{background:var(--gradient);flex-direction:column;width:50%;padding:40px 44px;display:flex;position:relative;overflow:hidden}.login-left:before{content:"";pointer-events:none;background:#ffffff14;border-radius:50%;width:360px;height:360px;position:absolute;top:-80px;right:-120px}.login-left-logo{color:#fff;letter-spacing:-.3px;z-index:2;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.login-left-logo img{object-fit:contain;width:34px;height:34px}.login-left-content{z-index:2;max-width:460px;margin-top:14%}.login-hero-title{color:#fff;letter-spacing:-.6px;margin-bottom:14px;font-size:34px;font-weight:700;line-height:1.15}.login-hero-sub{color:#ffffffd1;max-width:380px;font-size:15px;line-height:1.6}.login-dots{gap:8px;margin-top:24px;display:flex}.login-dot{cursor:pointer;background:#ffffff59;border:none;border-radius:99px;width:22px;height:5px;padding:0;transition:background .2s,width .2s}.login-dot.active{background:#fff;width:32px}.login-preview{z-index:1;border:1px solid #ffffff1f;border-radius:12px;width:78%;position:absolute;bottom:-40px;right:-56px;overflow:hidden;box-shadow:0 24px 60px #00000059}.login-preview img{width:100%;display:block}.login-brand{text-align:center}.login-brand-icon{background:var(--gradient);border-radius:var(--r);color:#fff;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 24px;font-size:28px;font-weight:700;display:flex}.login-brand-name{color:var(--text);letter-spacing:-.5px;margin-bottom:10px;font-size:24px;font-weight:700}.login-brand-sub{color:var(--text-muted);max-width:220px;margin:0 auto;font-size:13px;line-height:1.7}.login-right{background:var(--bg);flex:1;justify-content:center;align-items:center;padding:48px;display:flex}.login-form-wrap{width:360px}.login-form-wrap h2{color:var(--text);letter-spacing:-.7px;margin-bottom:6px;font-size:30px;font-weight:700}.login-form-wrap .subtitle{color:var(--text-muted);margin-bottom:30px;font-size:13px}.login-form-wrap label{color:var(--text-2);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.error-msg{color:var(--primary);margin-bottom:12px;font-size:12px}.login-input-wrap{align-items:center;margin-bottom:14px;display:flex;position:relative}.login-input-wrap>svg{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.login-input-wrap input{margin-bottom:0;padding-left:40px;padding-right:42px}.login-eye{cursor:pointer;color:var(--text-muted);background:0 0;border:none;align-items:center;padding:6px;transition:color 80ms;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.login-eye:hover{color:var(--text-2)}.login-form-wrap label.login-remember{cursor:pointer;color:var(--text-2);-webkit-user-select:none;user-select:none;align-items:center;gap:9px;margin:2px 0 20px;font-size:13px;font-weight:400;display:flex}.login-form-wrap label.login-remember input{width:15px;height:15px;accent-color:var(--primary);cursor:pointer;flex-shrink:0;margin:0}.login-mobile-brand{display:none}.avatar{background:var(--surface-3);border:1px solid var(--border-2);width:36px;height:36px;color:var(--text-2);letter-spacing:.02em;font-size:11px;font-weight:600;font-family:var(--font);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.page-search{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);align-items:center;gap:10px;margin-bottom:12px;padding:10px 14px;transition:border-color .1s;display:flex}.page-search:focus-within{border-color:var(--border-2)}.page-search svg{color:var(--text-muted);flex-shrink:0}.page-search input{color:var(--text);font-size:13px;font-family:var(--font);-webkit-appearance:none;background:0 0;border:none;outline:none;flex:1;margin:0;padding:0;line-height:1.2}.page-search input::placeholder{color:var(--text-muted)}.search-clear{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;transition:color 80ms;display:flex}.search-clear:hover{color:var(--text-2)}.filter-pills{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.filter-pill{border:1px solid var(--border);background:var(--surface-3);color:var(--text-muted);cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font);white-space:nowrap;border-radius:99px;align-items:center;gap:5px;padding:5px 14px;transition:border-color .1s,color .1s,background .1s;display:inline-flex}.filter-pill:hover:not(.active){border-color:var(--border-2);color:var(--text-2)}.filter-pill.active{border-color:var(--primary);color:var(--text);background:#7c3aed2e}.pill-count{color:var(--text);background:#8b5cf64d;border-radius:99px;padding:1px 5px;font-size:10px;font-weight:700;line-height:1.5}.filter-pill:not(.active) .pill-count{background:var(--surface);color:var(--text-muted)}.conv-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:6px;margin-bottom:14px;padding-bottom:4px;display:flex;overflow-x:auto}.conv-tabs::-webkit-scrollbar{display:none}.conv-tab{border:1px solid var(--border);cursor:pointer;color:var(--text-muted);font-size:12px;font-weight:600;font-family:var(--font);white-space:nowrap;background:0 0;border-radius:99px;flex-shrink:0;align-items:center;gap:5px;padding:7px 14px;transition:background .12s,color .12s,border-color .12s;display:flex}.conv-tab.active{color:var(--text);border-color:var(--primary);background:#7c3aed2e}.conv-tab-badge{background:#ffffff2e;border-radius:99px;padding:1px 6px;font-size:10px;font-weight:700;line-height:1.5}.conv-tab:not(.active) .conv-tab-badge{background:var(--surface);color:var(--text-muted)}.conv-page{flex-direction:column;height:100%;display:flex}.conv-summary{flex-shrink:0}.conv-stats-strip{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);align-items:center;margin-bottom:14px;padding:14px 0;display:flex}.conv-stat-seg{flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.conv-stat-num{letter-spacing:-.5px;color:var(--text);font-size:20px;font-weight:800;line-height:1}.conv-stat-lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:500}.conv-stat-div{background:var(--border);flex-shrink:0;width:1px;height:28px}.conv-item{cursor:pointer;border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:13px 18px;transition:background 80ms;display:flex}.conv-item:hover,.conv-item.selected{background:var(--surface-2)}.conv-item:last-child{border-bottom:none}.conv-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.conv-row-1{justify-content:space-between;align-items:center;display:flex}.conv-phone{color:var(--text);font-size:13px;font-weight:600}.conv-time{color:var(--primary);opacity:.75;flex-shrink:0;font-size:11px}.conv-last{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.conv-sub-row{flex-wrap:wrap;align-items:center;gap:5px;margin-top:1px;display:flex}.conv-msgs{color:var(--text-muted);font-size:11px}.conv-item.unread .conv-phone,.conv-item.unread .conv-last{color:var(--text);font-weight:700}.conv-unread-dot{background:var(--green);width:9px;height:9px;box-shadow:0 0 0 3px var(--green-subtle);border-radius:50%;flex-shrink:0;align-self:center}.msg-panel{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);margin-top:8px;overflow:hidden}.msg-panel-header{border-bottom:1px solid var(--border);color:var(--text-2);justify-content:space-between;align-items:center;padding:11px 16px;font-size:13px;font-weight:500;display:flex}.msg-list{flex-direction:column;flex:1;gap:10px;min-height:0;padding:14px 16px;display:flex;overflow-y:auto}.msg{border-radius:18px;max-width:78%;padding:10px 14px;font-size:13px;line-height:1.5}.msg-date-sep{justify-content:center;align-self:stretch;margin:6px 0;display:flex}.msg-date-sep span{color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);border-radius:99px;padding:4px 12px;font-size:11px;font-weight:600}.msg-user{background:var(--surface-3);color:var(--text-2);border-bottom-left-radius:4px;align-self:flex-start}.msg-assistant{background:var(--gradient);color:#fff;box-shadow:var(--fire-glow-sm);border-bottom-right-radius:4px;align-self:flex-end}.msg-operator{background:var(--green);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.msg-meta{justify-content:space-between;align-items:center;gap:10px;margin-bottom:3px;display:flex}.msg-role{letter-spacing:.02em;font-size:10px;font-weight:600}.msg-time{opacity:.7;font-size:10px}.msg-user .msg-role,.msg-user .msg-time{color:var(--text-muted)}.msg-assistant .msg-role,.msg-assistant .msg-time{color:#fff9}.msg-operator .msg-role,.msg-operator .msg-time{color:#ffffffb3}.conv-quick-replies{border-top:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;gap:6px;padding:10px 16px 0;display:flex}.quick-reply-chip{border:1px solid var(--border-2);background:var(--surface-2);color:var(--text-2);cursor:pointer;font-size:11px;font-family:var(--font);white-space:nowrap;border-radius:99px;padding:5px 10px;transition:background .1s,color .1s}.quick-reply-chip:hover{background:var(--surface-3);color:var(--text)}.conv-reply-box{flex-shrink:0;align-items:flex-end;gap:8px;padding:10px 16px 12px;display:flex}.conv-reply-box textarea{resize:none;background:var(--surface-2);border:1px solid var(--border-2);border-radius:var(--r-sm);max-height:100px;color:var(--text);font-size:13px;font-family:var(--font);flex:1;padding:8px 12px;line-height:1.4}.conv-reply-box textarea:focus{border-color:var(--primary);outline:none}.conv-reply-error{color:var(--primary);padding:0 16px 10px;font-size:12px}.conv-shell{flex:1;gap:16px;min-height:0;display:flex}.conv-list-col{flex-direction:column;flex-shrink:0;width:380px;min-height:0;display:flex}.conv-list-card{flex:1;min-height:0;overflow-y:auto}.conv-detail-col{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.conv-detail-empty{text-align:center;color:var(--text-muted);border:1px dashed var(--border);border-radius:var(--r);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.conv-detail{flex-direction:column;flex:1;min-height:0;padding:0;display:flex;overflow:hidden}.conv-detail .empty{flex:1;justify-content:center;align-items:center;display:flex}.conv-detail-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:14px 18px;display:flex}.conv-back{cursor:pointer;width:32px;height:32px;color:var(--text-muted);border-radius:var(--r-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:color .1s,background .1s;display:none}.conv-back:hover{color:var(--text);background:var(--surface-3)}.conv-detail-id{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.conv-detail-phone{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.conv-detail-sub{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.conv-detail-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}@media (width<=860px){.conv-list-col{width:100%}.conv-detail-col,.conv-page.detail-open .conv-summary,.conv-page.detail-open .conv-list-col{display:none}.conv-page.detail-open .conv-detail-col,.conv-back{display:flex}}.controls-page{flex-direction:column;height:100%;display:flex}.controls-fixed{flex-shrink:0}.controls-scroll{flex:1;min-height:0;overflow-y:auto}.control-item{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 18px;display:flex}.control-item:last-child{border-bottom:none}.control-body{flex-direction:column;flex:1;gap:4px;display:flex}.control-phone{color:var(--text);font-size:13px;font-weight:500}.control-meta{align-items:center;gap:8px;font-size:12px;display:flex}.control-actions{flex-shrink:0;gap:6px;display:flex}.bot-status-wrap{flex-direction:column;align-items:center;gap:10px;padding:16px 0 12px;display:flex}.bot-ring{border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;display:flex;position:relative}.bot-ring.on{box-shadow:0 0 0 1.5px #25d36659}.bot-ring.off{box-shadow:0 0 0 1.5px #8b5cf659}.bot-ring-inner{border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.bot-ring.on .bot-ring-inner{color:#25d366;background:#25d36617}.bot-ring.off .bot-ring-inner{color:#8b5cf6;background:#8b5cf617}.bot-status-text{flex-direction:column;align-items:center;gap:4px;display:flex}.bot-status-title{color:var(--text);font-size:16px;font-weight:600}.bot-status-sub{color:var(--text-muted);font-size:12px}.bot-cta-row{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.btn-bot-cta{border-radius:var(--r-md);cursor:pointer;width:100%;font-size:13px;font-weight:600;font-family:var(--font);border:none;justify-content:center;align-items:center;gap:8px;padding:13px;transition:opacity .1s;display:flex}.btn-bot-cta:hover{opacity:.85}.btn-bot-cta.primary{background:var(--gradient);color:#fff;box-shadow:var(--fire-glow-sm)}.btn-bot-cta.danger{color:var(--primary);background:#8b5cf61a;border:1px solid #8b5cf638}@media (width>=861px){.bot-cta-row{flex-direction:row}.bot-cta-row .btn-bot-cta{flex:1;width:auto}.info-cards{flex-direction:row}.info-card{flex:1;min-width:0}}.section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:7px;margin:18px 0 8px;font-size:10.5px;font-weight:600;display:flex}.section-count{background:var(--surface-3);color:var(--text-2);letter-spacing:0;text-transform:none;border-radius:99px;padding:1px 7px;font-size:10px;font-weight:700}.info-cards{flex-direction:column;gap:6px;display:flex}.info-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);align-items:center;gap:12px;padding:11px 14px;display:flex}.info-card-icon{border-radius:var(--r-sm);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.info-card-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.info-card-label{letter-spacing:.07em;color:var(--text-muted);text-transform:uppercase;font-size:9.5px;font-weight:700}.info-card-value{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.info-card-action{letter-spacing:.05em;color:var(--primary);background:var(--primary-subtle);border-radius:var(--r-xs);cursor:pointer;font-size:9.5px;font-weight:700;font-family:var(--font);border:none;flex-shrink:0;padding:4px 10px;transition:opacity .1s}.info-card-action:hover{opacity:.8}.info-card-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.info-card-dot.on{background:var(--green)}.info-card-dot.off{background:var(--text-muted)}.msg-bars{align-items:flex-end;gap:2px;height:16px;display:flex}.msg-bar{background:var(--border-2);border-radius:2px;width:3px}.msg-bar.active{background:var(--primary-end)}.empty-state{color:var(--text-muted);flex-direction:column;align-items:center;gap:10px;padding:48px 24px;display:flex}.empty-state svg{opacity:.3}.empty-state span{text-align:center;font-size:13px}.table-desktop{display:block}.table-mobile{display:none}.lead-card{border-bottom:1px solid var(--border);flex-direction:column;gap:6px;padding:14px 16px;display:flex}.lead-card:last-child{border-bottom:none}.lead-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.lead-card-name{color:var(--text);font-size:13px;font-weight:500}.lead-card-phone{color:var(--text-muted);font-size:12px}.lead-card-addr{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.lead-card-foot{justify-content:space-between;align-items:center;margin-top:2px;display:flex}.lead-card-date{color:var(--text-muted);font-size:11px}.btn-icon-sm{cursor:pointer;color:var(--primary);border-radius:var(--r-xs);font-size:11px;font-weight:500;font-family:var(--font);background:0 0;border:none;align-items:center;gap:5px;padding:4px 6px;transition:background 80ms;display:inline-flex}.btn-icon-sm:hover{background:var(--primary-subtle)}.btn-icon-sm.active{color:var(--orange);background:#f76b151f}.btn-icon-sm.active:hover{background:#f76b1533}.dash-chart-container{height:180px}.empty{text-align:center;color:var(--text-muted);padding:48px 24px;font-size:13px}.loading{text-align:center;color:var(--text-muted);padding:32px;font-size:13px}.flex-row{align-items:center;gap:8px;display:flex}.wa-disconnected-banner{background:var(--orange-subtle);color:var(--orange);border-radius:var(--r-md);border:1px solid #ff8c004d;align-items:center;gap:10px;margin:0 24px 16px;padding:11px 16px;font-size:13px;font-weight:500;display:flex}.wa-disconnected-banner svg{flex-shrink:0}@media (width<=640px){.wa-disconnected-banner{margin:0 14px 14px;font-size:12.5px}}.wa-conn-card{max-width:480px;padding:22px}.wa-conn-status{align-items:flex-start;gap:12px;display:flex}.wa-conn-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:5px}.wa-conn-dot.on{background:var(--green);box-shadow:0 0 0 4px var(--green-subtle)}.wa-conn-dot.off{background:var(--orange);box-shadow:0 0 0 4px var(--orange-subtle)}.wa-conn-title{color:var(--text);font-size:15px;font-weight:600}.wa-conn-sub{color:var(--text-muted);margin-top:3px;font-size:12.5px}.wa-qr-box{border-top:1px solid var(--border);flex-direction:column;align-items:center;gap:14px;margin-top:22px;padding-top:22px;display:flex}.wa-qr-box img{border-radius:var(--r-md);background:#fff;width:220px;height:220px;padding:10px}.wa-qr-steps{color:var(--text-2);align-self:stretch;padding-left:18px;font-size:12.5px}.wa-qr-steps li{margin-bottom:4px}.wa-qr-note{color:var(--text-muted);font-size:11.5px}.wa-qr-empty{border-top:1px solid var(--border);flex-direction:column;align-items:center;gap:14px;margin-top:22px;padding-top:22px;display:flex}.toast-stack{z-index:300;flex-direction:column;gap:8px;max-width:calc(100vw - 40px);display:flex;position:fixed;bottom:20px;right:20px}.toast{border-radius:var(--r-sm);color:#fff;padding:11px 16px;font-size:13px;font-weight:500;animation:.18s toast-in;box-shadow:0 12px 28px #00000059}.toast-success{background:var(--green)}.toast-error{background:var(--primary)}.toast-info{background:var(--blue)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.toast-stack{bottom:96px;left:14px;right:14px}}.skeleton{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-3) 37%, var(--surface-2) 63%);border-radius:var(--r-sm);background-size:400% 100%;animation:1.4s infinite skeleton-shimmer}.skeleton-circle{border-radius:50%;flex-shrink:0}@keyframes skeleton-shimmer{0%{background-position:100%}to{background-position:0}}.skeleton-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:13px 18px;display:flex}.skeleton-row:last-child{border-bottom:none}.skeleton-row-body{flex-direction:column;flex:1;gap:6px;display:flex}.skeleton-stats{grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:16px;display:grid}@media (width<=1100px){.skeleton-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.skeleton-stats{grid-template-columns:repeat(2,1fr)}}.skeleton-card{padding:16px}.msg-skeleton{border-radius:18px;height:34px}.text-muted{color:var(--text-muted)}.text-sm{font-size:12px}.dash-stats{grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:12px;display:grid}.dash-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:14px 16px 12px}.dash-hero{border-bottom:1px solid var(--border);flex-direction:column;gap:6px;margin-bottom:20px;padding:4px 0 22px;display:flex}.dash-hero-label{letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);font-size:10.5px;font-weight:700}.dash-hero-row{align-items:center;gap:16px;display:flex}.dash-hero-number{letter-spacing:-4px;color:var(--text);font-size:72px;font-weight:800;line-height:.9}.dash-hero-badges{align-items:center;gap:6px;display:flex}.dash-hero-sub{color:var(--text-muted);font-size:12px}.dash-stat-top{align-items:center;gap:9px;margin-bottom:12px;display:flex}.dash-stat-icon-wrap{background:var(--surface-3);border-radius:var(--r-xs);flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.dash-stat-label{color:var(--text-muted);word-break:break-word;font-size:11px;font-weight:500;line-height:1.3}.dash-stat-value{letter-spacing:-1.5px;color:var(--text);margin-bottom:10px;font-size:36px;font-weight:800;line-height:1}.dash-stat-foot{align-items:center;gap:5px;display:flex}.dash-trend{font-size:11px;font-weight:600}.dash-trend.up{color:var(--green)}.dash-trend.down{color:var(--primary)}.dash-trend-note{color:var(--text-muted);font-size:10px}.dash-charts-row{grid-template-columns:5fr 3fr 3fr;gap:10px;margin-bottom:12px;display:grid}.dash-chart-card{flex-direction:column;display:flex}.dash-chart-legend{color:var(--text-muted);align-items:center;gap:6px;padding:8px 16px 4px;font-size:11px;display:flex}.dash-legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.dash-funnel{flex-direction:column;gap:10px;padding:12px 18px 16px;display:flex}.funnel-row{flex-direction:column;gap:4px;display:flex}.funnel-meta{justify-content:space-between;align-items:center;display:flex}.funnel-label{color:var(--text-2);font-size:12px}.funnel-count{color:var(--text-muted);font-size:11px}.funnel-track{background:var(--surface-3);border-radius:99px;height:6px;overflow:hidden}.funnel-fill{border-radius:99px;height:100%;transition:width .6s}.funnel-conversion{color:var(--text-muted);border-top:1px solid var(--border);justify-content:space-between;margin-top:4px;padding-top:8px;font-size:12px;display:flex}.dash-donut{flex-direction:column;display:flex}.dash-donut-legend{flex-direction:column;gap:6px;padding:0 18px 16px;display:flex}.donut-legend-row{align-items:center;gap:7px;font-size:11px;display:flex}.donut-legend-name{color:var(--text-2);flex:1}.donut-legend-pct{color:var(--text-muted);font-variant-numeric:tabular-nums}.dash-leads-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:10px;padding:4px 18px 16px;display:flex;overflow-x:auto}.dash-leads-scroll::-webkit-scrollbar{display:none}.dash-lead-card{background:var(--surface-3);border:1px solid var(--border);border-radius:var(--r-md);flex-direction:column;flex-shrink:0;gap:5px;min-width:130px;padding:11px 12px;display:flex;position:relative;overflow:hidden}.dash-lead-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.dash-lead-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.dash-lead-date{color:var(--text-muted);margin-top:2px;font-size:10px}.dash-lead-bar{height:2px;position:absolute;bottom:0;left:0;right:0}.dash-bottom-row{grid-template-columns:5fr 4fr 3fr;gap:10px;display:grid}.dash-right-col{flex-direction:column;gap:0;display:flex}.dash-activity-list{flex-direction:column;display:flex}.dash-activity-item{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 18px;display:flex}.dash-activity-item:last-child{border-bottom:none}.dash-activity-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.dash-activity-name{color:var(--text);font-size:12px;font-weight:500}.dash-activity-msg{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.dash-activity-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.dash-alerts{flex-direction:column;gap:6px;padding:8px 16px 12px;display:flex}.alert-item{border-radius:var(--r-sm);align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.alert-item.alert-red{background:var(--primary-subtle);color:var(--primary)}.alert-item.alert-orange{background:var(--orange-subtle);color:var(--orange)}.alert-item.alert-green{background:var(--green-subtle);color:var(--green)}.alert-item svg{flex-shrink:0;margin-top:1px}.alert-title{font-size:12px;font-weight:500}.alert-sub{opacity:.7;margin-top:1px;font-size:11px}.dash-health{flex-direction:column;gap:8px;padding:12px 18px 14px;display:flex}.health-row{justify-content:space-between;align-items:center;display:flex}.health-label{color:var(--text-muted);font-size:11px}.health-val{color:var(--text-2);align-items:center;gap:5px;font-size:12px;font-weight:500;display:flex}.dash-ver-todos{color:var(--text-muted);cursor:pointer;font-size:11px;font-family:var(--font);background:0 0;border:none;padding:0;text-decoration:none;transition:color .1s}.dash-ver-todos:hover{color:var(--primary)}.report-kpis{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.report-kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);flex-direction:column;gap:6px;padding:16px 18px;display:flex}.report-kpi-label{color:var(--text-muted);font-size:12px}.report-kpi-value{color:var(--text);font-size:26px;font-weight:600;line-height:1}.report-period{gap:4px;display:flex}.report-period-btn{color:var(--text-muted);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;font-size:11px;font-family:var(--font);background:0 0;padding:4px 10px;transition:color .1s,border-color .1s,background .1s}.report-period-btn:hover{color:var(--text-2)}.report-period-btn.active{color:var(--text);background:var(--surface-3);border-color:var(--border-2)}.report-chart-sub{color:var(--text-muted);padding:0 16px 4px;font-size:12px}.report-row{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}@media (width<=860px){.report-kpis{grid-template-columns:repeat(2,1fr)}.report-row{grid-template-columns:1fr}}.mobile-header{background:var(--bg);border-bottom:1px solid var(--border);z-index:10;flex-shrink:0;align-items:center;gap:12px;height:52px;padding:0 16px;display:none;position:sticky;top:0}.hamburger{cursor:pointer;color:var(--text-2);border-radius:var(--r-xs);background:0 0;border:none;justify-content:center;align-items:center;margin:-6px;padding:6px;transition:background 80ms;display:flex}.hamburger:hover{background:var(--surface-2)}.mobile-title{color:var(--text);font-size:14px;font-weight:600}.sidebar-overlay{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000a6;position:fixed;inset:0}@media (width<=1100px) and (width>=641px){.dash-stats{grid-template-columns:repeat(3,1fr);gap:8px}.dash-stat-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dash-charts-row{grid-template-columns:1fr 1fr}.dash-charts-row>.card:last-child{grid-column:span 2}.dash-bottom-row{grid-template-columns:1fr 1fr}.dash-bottom-row>.dash-right-col{flex-direction:row;grid-column:span 2;gap:10px}.dash-right-col>.card{flex:1}.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.page{padding:24px 20px}th,td{padding:9px 14px}.page-header{flex-wrap:wrap;gap:10px}.page-header-left h2{font-size:18px}.page-header-actions .filter-btn{padding:6px 10px;font-size:11px}}.mobile-bottom-nav{display:none}.bnav-item{cursor:pointer;color:var(--text-muted);font-family:var(--font);background:0 0;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;padding:10px 0;transition:color .15s;display:flex}.bnav-item svg{width:22px;height:22px}.bnav-item.active{color:var(--primary)}.bnav-item:not(.active):hover{color:var(--text)}@media (width<=640px){.sidebar,.sidebar-overlay{display:none!important}.hamburger,.mobile-header{display:none}.mobile-bottom-nav{background:var(--surface);border-top:1px solid var(--border);width:100%;padding:8px 12px;padding-bottom:calc(8px + env(safe-area-inset-bottom));z-index:100;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.main{padding-bottom:90px}.page{padding:16px 14px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px}.page-header{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:16px}.page-header-left h2{font-size:17px}.page-header-left p,.page-header-actions{display:none}th,td{padding:9px 12px;font-size:12px}.card{border-radius:var(--r)}.conv-item,.control-item{padding:11px 16px}.card-header{padding:12px 16px}.dash-stats{grid-template-columns:repeat(2,1fr);gap:8px}.dash-stat{border-radius:var(--r)}.dash-stat.mobile-hide{display:none}.dash-charts-row,.dash-bottom-row{grid-template-columns:1fr}.dash-stat-value{font-size:28px}.dash-hero-number{letter-spacing:-3px;font-size:52px}.dash-chart-container{height:130px}.table-desktop{display:none}.table-mobile{display:block}.conv-detail-header{flex-wrap:wrap;row-gap:8px}.conv-detail-actions{flex-basis:100%;justify-content:flex-end}.conv-detail-jid{display:none}}@media (width<=480px){.page{padding:14px 12px}.stats-grid{gap:6px}.stat-card{padding:14px 16px 16px}.stat-value{font-size:26px}.stat-icon{width:28px;height:28px}.stat-icon svg{width:15px;height:15px}.conv-phone{font-size:12px}.avatar{width:30px;height:30px;font-size:10px}}@media (width<=640px){.login-split{flex-direction:column;height:100vh}.login-left{display:none}.login-right{background:var(--bg);flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;padding:48px 28px;display:flex}.login-mobile-brand{text-align:center;flex-direction:column;align-items:center;gap:10px;margin-bottom:40px;display:flex}.login-mobile-brand .login-brand-icon{border-radius:var(--r);width:72px;height:72px;margin:0;font-size:26px}.login-mobile-brand .login-brand-name{margin-bottom:0;font-size:20px}.login-mobile-brand .login-brand-sub{font-size:12px}.login-form-wrap{width:100%;max-width:360px}.login-form-wrap h2{text-align:center;font-size:22px}.login-form-wrap .subtitle{text-align:center}.login-form-wrap form>label:not(.login-remember){display:none}}