:root{--brand: #009fe3;--brand-deep: #007ab2;--navy: #0b2b3a;--ink: #16202a;--muted: #667085;--muted-2: #98a2b3;--line: #e8ebf0;--line-soft: #eef1f5;--bg: #f4f6f8;--panel: #ffffff;--in: #ffffff;--agent: #d9fdd3;--bot: #e7f0ff;--note: #fff8e1;--danger: #d92d20;--shadow-sm: 0 1px 2px rgba(16, 32, 42, .06);--shadow-md: 0 4px 16px rgba(16, 32, 42, .08);--shadow-lg: 0 20px 60px rgba(11, 43, 58, .28);--r-sm: 8px;--r-md: 12px;--r-lg: 16px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.center{height:100%;display:flex;align-items:center;justify-content:center}.muted{color:var(--muted)}.small{font-size:12px}.pad{padding:16px}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.error{color:var(--danger);font-size:13px;margin:6px 0}.link{background:none;border:none;color:var(--brand);cursor:pointer;font-size:13px;font-weight:500}.link:hover{color:var(--brand-deep);text-decoration:underline}*{scrollbar-width:thin;scrollbar-color:#cdd5df transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:#cdd5df;border-radius:99px}*::-webkit-scrollbar-thumb:hover{background:#aeb8c4}*::-webkit-scrollbar-track{background:transparent}.avatar{flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:600;letter-spacing:.2px;width:40px;height:40px;font-size:14px;-webkit-user-select:none;user-select:none;box-shadow:inset 0 0 0 1px #ffffff2e}.avatar.sm{width:32px;height:32px;font-size:12px}.avatar.lg{width:44px;height:44px;font-size:16px}.login-wrap{height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 0% 0%,#0e3a4e 0%,var(--navy) 45%,#06212c 100%);position:relative;overflow:hidden}.login-wrap:before{content:"";position:absolute;inset:-20% -10% auto auto;width:520px;height:520px;background:radial-gradient(circle,rgba(0,159,227,.35),transparent 60%);filter:blur(20px)}.login-card{position:relative;background:var(--panel);padding:34px 32px;border-radius:var(--r-lg);width:360px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:12px;animation:pop .35s cubic-bezier(.2,.8,.2,1) both}.login-logo{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:#fff;font-weight:800;font-size:20px;box-shadow:var(--shadow-md);margin-bottom:4px}.login-logo-img{display:block;height:48px;width:auto;object-fit:contain;margin:0 auto}.login-card h1{font-size:21px;margin:0;letter-spacing:-.2px;text-align:center}.login-card p{margin:0 0 10px;text-align:center}.login-card label{font-size:12px;font-weight:600;color:var(--muted);margin-bottom:-4px}.login-card input{padding:12px 13px;border:1px solid var(--line);border-radius:10px;font-size:14px;transition:border-color .15s,box-shadow .15s;background:#fbfcfd}.login-card input:focus{outline:none;border-color:var(--brand);background:#fff;box-shadow:0 0 0 3px #009fe326}.login-card button{margin-top:8px;padding:12px;border:none;border-radius:10px;background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:filter .15s,transform .05s}.login-card button:hover:not(:disabled){filter:brightness(1.05)}.login-card button:active:not(:disabled){transform:translateY(1px)}.login-card button:disabled{opacity:.6;cursor:default}.app{height:100%;display:grid;grid-template-columns:360px 1fr}.sidebar{border-right:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;min-height:0}.side-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line-soft)}.side-brand{display:flex;align-items:center;gap:10px}.brand-mark{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:#fff;font-weight:800;font-size:14px;box-shadow:var(--shadow-sm)}.side-title{display:flex;flex-direction:column;line-height:1.2;gap:2px}.side-title strong{font-size:15px}.conn{display:inline-flex;align-items:center;gap:6px;color:var(--muted)}.conn-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--muted-2)}.conn-dot.online{background:#12b76a;box-shadow:0 0 0 3px #12b76a26}.conn-dot.connecting{background:#f79009;animation:pulse 1.2s ease-in-out infinite}.conn-dot.offline{background:var(--danger);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.tabs{display:flex;gap:6px;padding:10px 12px;border-bottom:1px solid var(--line-soft);flex-wrap:wrap}.tab{border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 13px;font-size:12px;font-weight:500;color:var(--muted);cursor:pointer;transition:all .15s}.tab:hover{border-color:#cdd5df;color:var(--ink)}.tab.active{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:var(--shadow-sm)}.conv-list{overflow-y:auto;flex:1}.conv{display:flex;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line-soft);cursor:pointer;transition:background .12s;position:relative}.conv:hover{background:#f8fafc}.conv.active{background:#eaf6fe}.conv.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--brand)}.conv.unread .conv-name{font-weight:700}.conv.unread .conv-sub{color:var(--ink);font-weight:500}.conv-body{min-width:0;flex:1}.conv-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.conv-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-time{font-size:11px;color:var(--muted-2);flex:none}.conv-sub{font-size:13px;margin:2px 0 4px}.conv-meta{display:flex;align-items:center;gap:6px}.badge{background:var(--brand);color:#fff;font-size:11px;font-weight:600;line-height:18px;min-width:18px;text-align:center;border-radius:999px;padding:0 6px;flex:none}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex:none}.dot.bot-on{background:#12b76a;box-shadow:0 0 0 3px #12b76a26}.dot.bot-off{background:#f79009;box-shadow:0 0 0 3px #f7900926}.status{font-size:10px;font-weight:600;padding:1px 8px;border-radius:6px;margin-left:auto;text-transform:capitalize}.status-open{background:#eafaf0;color:#027a48}.status-pending{background:#fff4e5;color:#b54708}.status-resolved{background:#eef1f4;color:#475467}.mine-chip{background:#e7f0ff;color:#1d4ed8;font-size:10px;font-weight:600;padding:1px 7px;border-radius:6px;flex:none}.conv.mine{box-shadow:inset 3px 0 0 var(--brand)}.conv.skel{cursor:default}.conv.skel:hover{background:none}.conv.skel .conv-body{display:flex;flex-direction:column;gap:7px;padding-top:2px}.sk{background:linear-gradient(90deg,#eef1f5 25%,#e2e7ee 37%,#eef1f5 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:6px;display:block}.sk-avatar{width:40px;height:40px;border-radius:50%;flex:none}.sk-line{height:10px}.w40{width:40%}.w60{width:60%}.w90{width:90%}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted)}.empty .empty-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eaf6fe;color:var(--brand)}.empty .empty-icon svg{width:30px;height:30px;display:block}.empty .empty-title{font-weight:600;color:var(--ink);font-size:15px}.empty .empty-sub{font-size:13px}.main>.empty{flex:1;width:100%;gap:14px}.main>.empty .empty-title{font-size:17px}.main>.empty .empty-sub{max-width:340px;line-height:1.55;text-align:center}.main{min-height:0;display:flex;background:var(--bg)}.thread{flex:1;display:flex;flex-direction:column;min-height:0}.thread-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow-sm)}.thread-id{display:flex;align-items:center;gap:11px;min-width:0}.thread-id-text{min-width:0}.thread-id-text strong{font-size:15px}.thread-actions{display:flex;gap:8px;flex:none}.btn{border:1px solid var(--line);background:#fff;border-radius:var(--r-sm);padding:7px 13px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;box-shadow:0 1px 2px #1018280f,0 1px 3px #1018281a;transition:transform .14s ease,box-shadow .14s ease,background .12s ease,border-color .12s ease}.btn:hover{border-color:#cdd5df;background:#f8fafc}.btn:not(.assign-select):hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 18px #10182829}.btn:not(.assign-select):active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #1018281a}.btn:disabled{box-shadow:none;transform:none}.assign-select{box-shadow:none}.btn.bot-on{background:#eafaf0;border-color:#aee9c6;color:#027a48}.btn.bot-off{background:#fff4e5;border-color:#fdd9a6;color:#b54708}.assign-select{max-width:168px;font-family:inherit;color:var(--ink)}.assign-select:disabled{opacity:.6;cursor:default}.messages{flex:1;overflow-y:auto;padding:20px 18px;display:flex;flex-direction:column;gap:6px;background:radial-gradient(circle at 1px 1px,rgba(16,32,42,.035) 1px,transparent 0) 0 0 / 22px 22px,var(--bg)}.date-divider{align-self:center;margin:10px 0}.date-divider span{background:#fff;border:1px solid var(--line);color:var(--muted);font-size:11px;font-weight:500;padding:3px 12px;border-radius:999px;box-shadow:var(--shadow-sm)}.msg{max-width:68%;padding:8px 12px 6px;border-radius:14px;font-size:14px;line-height:1.4;box-shadow:var(--shadow-sm);animation:rise .2s ease both}.msg .msg-body{white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere}.msg .msg-meta{font-size:10px;color:var(--muted);margin-top:3px;text-transform:capitalize;display:flex;gap:5px;align-items:center}.msg .msg-time{color:var(--muted-2);text-transform:none}.msg .msg-media-img{max-width:240px;max-height:280px;border-radius:10px;display:block;cursor:pointer}.msg .msg-media-video{max-width:260px;border-radius:10px;display:block}.msg .msg-media-audio{width:240px;display:block}.msg .msg-media-doc{display:inline-block;padding:7px 11px;background:#0000000d;border-radius:8px;text-decoration:none;color:inherit;font-weight:500}.msg .msg-media{padding:4px 0}.msg.in{align-self:flex-start;background:var(--in);border:1px solid var(--line);border-bottom-left-radius:5px}.msg.out{align-self:flex-end}.msg.out.agent{background:var(--agent);border-bottom-right-radius:5px}.msg.out.bot{background:var(--bot);border-bottom-right-radius:5px}.msg.grouped{margin-top:-4px}.msg.in.grouped{border-top-left-radius:6px}.msg.out.grouped{border-top-right-radius:6px}.msg.grouped .msg-meta{margin-top:1px}.msg.note{align-self:center;background:var(--note);border:1px solid #f4e3a1;max-width:82%;border-radius:10px;box-shadow:none}.composer{border-top:1px solid var(--line);background:var(--panel);padding:10px 14px 12px}.composer-tabs{display:flex;gap:6px;align-items:center;margin-bottom:8px}.composer .canned{margin-left:auto;border:1px solid var(--line);border-radius:8px;padding:5px 8px;font-size:12px;background:#fff;cursor:pointer}.composer-row{display:flex;gap:8px;align-items:flex-end}.composer textarea{flex:1;resize:none;min-height:46px;max-height:140px;padding:12px 13px;border:1px solid var(--line);border-radius:12px;font-size:14px;font-family:inherit;line-height:1.4;transition:border-color .15s,box-shadow .15s}.composer textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #009fe321}.composer.is-note textarea:focus{border-color:#e0b73a;box-shadow:0 0 0 3px #e0b73a2e}.composer .send{border:none;background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:#fff;border-radius:12px;padding:0 20px;height:46px;font-weight:600;cursor:pointer;transition:filter .15s,transform .05s}.composer .send:hover:not(:disabled){filter:brightness(1.06)}.composer .send:active:not(:disabled){transform:translateY(1px)}.composer.is-note .send{background:linear-gradient(135deg,#f2c94c,#e0a93a);color:#5a3d00}.composer .send:disabled{opacity:.55;cursor:default}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@media (max-width: 720px){.app{grid-template-columns:1fr}}.avatar-wrap{position:relative;display:inline-flex;flex:none}.chan-badge{position:absolute;right:-3px;bottom:-3px;width:16px;height:16px;border-radius:50%;border:2px solid var(--panel);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.chan-badge svg{width:10px;height:10px;fill:#fff;display:block}.chan-badge.wa{background:#25d366}.chan-badge.me{background:#0084ff}.chan-badge.ig{background:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5)}.avatar-wrap.lg .chan-badge{width:18px;height:18px;right:-2px;bottom:-2px}.avatar-wrap.lg .chan-badge svg{width:11px;height:11px}:where(button,a,input,textarea,select):focus-visible{outline:2px solid var(--brand);outline-offset:2px}.badge{box-shadow:0 0 0 2px #009fe31f}.composer .send{box-shadow:0 6px 16px #009fe340}.composer.is-note .send{box-shadow:0 6px 16px #e0a93a40}.shell{height:100%;display:grid;grid-template-columns:58px 1fr}.shell-content{min-width:0;min-height:0}.rail{background:linear-gradient(180deg,#0e3a4e,var(--navy));display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 0}.rail-logo{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:#fff;font-weight:800;font-size:14px;box-shadow:var(--shadow-md);margin-bottom:8px}.rail-btn{width:42px;height:42px;border-radius:12px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#ffffffa6;transition:background .15s,color .15s}.rail-btn:hover{background:#ffffff1a;color:#fff}.rail-btn.active{background:#ffffff29;color:#fff;box-shadow:inset 0 0 0 1px #ffffff26}.rail-btn svg{width:22px;height:22px;display:block}.rail-bottom{margin-top:auto}.billing{height:100%;display:flex;flex-direction:column;min-height:0;background:var(--bg)}.bl-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 22px;background:var(--panel);border-bottom:1px solid var(--line);box-shadow:var(--shadow-sm)}.bl-head-title h1{font-size:18px;margin:0;letter-spacing:-.2px}.bl-tabs{display:flex;gap:6px;flex-wrap:wrap}.bl-tab{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 15px;font-size:13px;font-weight:500;color:var(--muted);cursor:pointer;transition:all .15s}.bl-tab:hover{border-color:#cdd5df;color:var(--ink)}.bl-tab.active{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:var(--shadow-sm)}.bl-body{flex:1;min-height:0;display:flex}.bl-scroll{flex:1;overflow-y:auto;padding:20px 22px;display:flex;flex-direction:column;gap:16px}.bl-2col{display:grid;grid-template-columns:1fr 360px;gap:16px;align-items:start}.bl-aside{display:flex;flex-direction:column;gap:16px}.bl-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px;box-shadow:var(--shadow-sm)}.bl-card>h3{margin:0 0 14px;font-size:15px}.bl-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.bl-card-head h3{margin:0;font-size:15px}.bl-field{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:12px}.bl-field span{letter-spacing:.1px}.bl-field input,.bl-field select,.bl-search,.bl-item input,.bl-item select{padding:10px 11px;border:1px solid var(--line);border-radius:9px;font-size:14px;font-family:inherit;color:var(--ink);background:#fbfcfd;font-weight:400;transition:border-color .15s,box-shadow .15s;width:100%}.bl-field input:focus,.bl-field select:focus,.bl-search:focus,.bl-item input:focus,.bl-item select:focus{outline:none;border-color:var(--brand);background:#fff;box-shadow:0 0 0 3px #009fe321}.bl-grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.bl-grid3{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:0 12px}.bl-check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink);margin:4px 0 14px;cursor:pointer}.bl-check input{width:auto}.bl-search{width:220px;max-width:50vw}.bl-btn{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 16px;font-size:13px;font-weight:600;color:var(--ink);cursor:pointer;white-space:nowrap;box-shadow:0 1px 2px #1018280f,0 1px 3px #1018281a;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease,background .12s ease,border-color .12s ease}.bl-btn:not(.primary):hover:not(:disabled){border-color:#cdd5df;background:#f8fafc}.bl-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 18px #10182829}.bl-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #1018281a}.bl-btn.primary{border:none;background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:#fff;box-shadow:0 6px 16px #009fe338}.bl-btn.primary:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 10px 24px #009fe352}.bl-btn.primary:active:not(:disabled){box-shadow:0 3px 9px #009fe33d}.bl-btn.ghost{background:transparent}.bl-btn.sm{padding:6px 11px;font-size:12px}.bl-btn.lg{padding:12px 26px;font-size:15px}.bl-btn:disabled{opacity:.5;cursor:default;box-shadow:none;transform:none}.bl-readonly{display:block;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:#f3f5f8;color:var(--muted);font-size:13px;font-weight:600}.bl-link{background:none;border:none;color:var(--brand);cursor:pointer;font-size:13px;font-weight:600;padding:2px 6px;transition:transform .14s ease,color .12s ease}.bl-link:hover:not(:disabled){text-decoration:underline;transform:translateY(-1px);filter:brightness(1.05)}.bl-link:active:not(:disabled){transform:translateY(0)}.bl-tab,.tab,.bl-x,.bl-picker-chip,.mine-chip{box-shadow:var(--shadow-sm)}.bl-x,.bl-icon-btn,.bl-picker-chip{transition:transform .14s ease,box-shadow .14s ease,background .12s ease,color .12s ease}.bl-tab:hover:not(:disabled),.tab:hover:not(:disabled),.bl-x:hover:not(:disabled),.bl-icon-btn:hover:not(:disabled),.bl-picker-chip:hover{transform:translateY(-2px);box-shadow:0 8px 18px #10182829}.bl-tab:active:not(:disabled),.tab:active:not(:disabled),.bl-x:active:not(:disabled),.bl-icon-btn:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.bl-tab:disabled,.tab:disabled,.bl-x:disabled,.bl-icon-btn:disabled{box-shadow:none;transform:none}.rail-btn{transition:background .15s,color .15s,transform .14s ease,box-shadow .14s ease}.rail-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}.rail-btn:active:not(:disabled){transform:translateY(0);box-shadow:none}.bl-seq-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.bl-seq-label{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.bl-seq-label strong{font-size:13px}.bl-seq-row input{width:116px;flex:none;padding:8px 10px;border:1px solid var(--line);border-radius:8px;font-size:13px;font-family:inherit}.bl-seq-proforma{margin-top:6px;padding-top:12px;border-top:1px solid var(--line)}.bl-link:disabled{color:var(--muted-2);cursor:default}.bl-table{width:100%;border-collapse:collapse;font-size:13px}.bl-table th{text-align:left;font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;padding:8px 10px;border-bottom:1px solid var(--line)}.bl-table td{padding:10px;border-bottom:1px solid var(--line-soft);vertical-align:middle}.bl-table td.ellipsis{max-width:220px}.bl-table .r{text-align:right}.bl-table.sm td,.bl-table.sm th{padding:6px 8px}.bl-clickable{cursor:pointer;transition:background .12s}.bl-clickable:hover{background:#f8fafc}.bl-row-actions{display:flex;gap:4px;justify-content:flex-end;align-items:center}.bl-link.danger{color:var(--danger)}.bl-icon-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:3px 5px;border-radius:6px;color:var(--brand);transition:background .12s,color .12s}.bl-icon-btn svg{width:16px;height:16px;display:block}.bl-icon-btn:hover:not(:disabled){background:#f2f5f8}.bl-icon-btn.danger{color:var(--danger)}.bl-icon-btn.danger:hover:not(:disabled){background:#fde8e7}.bl-icon-btn:disabled{color:var(--muted-2);cursor:default}.bl-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:14px}.bl-filter{display:flex;flex-direction:column;gap:4px;font-size:11px;font-weight:600;color:var(--muted)}.bl-filter.grow{flex:1 1 180px;min-width:160px}.bl-filter input,.bl-filter select{padding:8px 10px;border:1px solid var(--line);border-radius:9px;font-size:13px;font-family:inherit;color:var(--ink);background:#fbfcfd;font-weight:400}.bl-filter input:focus,.bl-filter select:focus{outline:none;border-color:var(--brand);background:#fff;box-shadow:0 0 0 3px #009fe321}.bl-filters .bl-btn{margin-left:auto}.bl-filters .bl-actions{margin-left:auto;display:flex;gap:8px}.bl-filters .bl-actions .bl-btn{margin-left:0}.bl-shortcuts{display:flex;flex-wrap:wrap;gap:8px}.bl-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.bl-pager-btns{display:flex;gap:8px}.bl-doc,code{font-family:SFMono-Regular,ui-monospace,Menlo,Consolas,monospace;font-size:12.5px}.bl-clave{word-break:break-all;font-size:11.5px;background:#f2f5f8;padding:2px 6px;border-radius:6px}.bl-estado{font-size:10px;font-weight:700;padding:2px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.bl-estado.ok{background:#eafaf0;color:#027a48}.bl-estado.wait{background:#fff4e5;color:#b54708}.bl-estado.bad{background:#fef0ef;color:var(--danger)}.bl-amb{font-size:10px;font-weight:700;padding:2px 7px;border-radius:5px}.bl-amb.test{background:#eef1f4;color:#475467}.bl-amb.prod{background:#eef6ff;color:#1849a9}.bl-items{display:flex;flex-direction:column}.bl-items-head,.bl-item{display:grid;grid-template-columns:minmax(0,1fr) 78px 100px 84px 110px 96px 30px;gap:8px;align-items:center}.bl-items-head{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.3px;padding:0 0 8px}.bl-items-head span:nth-child(n+2){text-align:right}.bl-item{padding:6px 0;border-bottom:1px solid var(--line-soft)}.bl-item-desc{display:flex;flex-direction:column;gap:5px;min-width:0}.bl-item-pick{font-size:12px;padding:6px 8px;color:var(--muted)}.bl-num{text-align:right}.bl-item .bl-num,.bl-item .bl-iva{width:100%}.bl-item-total{text-align:right;font-weight:600;font-size:13px}.bl-x{width:26px;height:26px;border:none;background:#f2f5f8;color:var(--muted);border-radius:7px;cursor:pointer;font-size:16px;line-height:1}.bl-x:hover{background:#fde8e7;color:var(--danger)}.bl-picker{position:relative;width:100%;min-width:0}.bl-picker-input{width:100%;box-sizing:border-box}.bl-picker-chip{display:flex;align-items:center;gap:8px;width:100%;box-sizing:border-box;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:14px;color:var(--ink);min-width:0}.bl-picker-chip>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bl-picker-clear{flex:none;border:none;background:#f2f5f8;color:var(--muted);border-radius:6px;width:22px;height:22px;line-height:1;font-size:16px;cursor:pointer}.bl-picker-clear:hover{background:#fde8e7;color:var(--danger)}.bl-picker-menu{position:absolute;z-index:30;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 28px #10182824;max-height:260px;overflow-y:auto;padding:4px}.bl-picker-opt{display:flex;flex-direction:column;gap:1px;align-items:flex-start;width:100%;text-align:left;border:none;background:none;cursor:pointer;padding:7px 9px;border-radius:7px;font-size:13px;color:var(--ink)}.bl-picker-opt:hover{background:#eef6ff}.bl-picker-opt strong{font-weight:600}.bl-picker-empty{padding:9px;font-size:12px;color:var(--muted)}.bl-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}.bl-foot-left{min-width:140px}.bl-totals{min-width:240px;margin-left:auto}.bl-totals>div{display:flex;justify-content:space-between;gap:24px;padding:5px 0;font-size:14px;color:var(--muted)}.bl-totals>div strong{color:var(--ink);font-weight:600}.bl-totals .bl-total{border-top:1px solid var(--line);margin-top:4px;padding-top:10px;font-size:17px}.bl-totals .bl-total span{color:var(--ink);font-weight:600}.bl-totals .bl-total strong{color:var(--brand-deep);font-weight:800}.bl-emit-bar{display:flex;align-items:center;gap:14px;padding:4px 0 8px}.bl-error{color:var(--danger);background:#fef0ef;border:1px solid #f9d0cd;border-radius:9px;padding:10px 12px;font-size:13px}.bl-ok-msg{color:#027a48;background:#eafaf0;border:1px solid #aee9c6;border-radius:9px;padding:10px 12px;font-size:13px}.bl-warn{color:#b54708;background:#fff4e5;border:1px solid #fdd9a6;border-radius:9px;padding:9px 11px;font-size:12.5px;margin-bottom:12px}.bl-result{max-width:620px;margin:8px auto;background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;box-shadow:var(--shadow-md);text-align:center}.bl-result h2{margin:8px 0 18px;font-size:19px}.bl-result-icon{width:54px;height:54px;border-radius:50%;margin:0 auto;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:#fff}.bl-result.ok .bl-result-icon{background:linear-gradient(135deg,#12b76a,#039855)}.bl-result.bad .bl-result-icon{background:linear-gradient(135deg,#f97066,var(--danger))}.bl-result.wait .bl-result-icon{background:linear-gradient(135deg,#fdb022,#f79009);font-size:24px}.bl-result .bl-kv{text-align:left}.bl-result-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:22px}.bl-kv{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;align-items:center;font-size:13px;margin:14px 0}.bl-kv>span:nth-child(odd){color:var(--muted);font-weight:600}.bl-msgs{display:flex;flex-direction:column;gap:8px;margin:12px 0;text-align:left}.bl-msg{background:#fef0ef;border:1px solid #f9d0cd;border-radius:9px;padding:9px 11px;font-size:13px}.bl-empty{text-align:center;padding:48px 16px}.bl-empty-title{font-weight:600;font-size:16px}.bl-empty-sub{font-size:13px;margin-top:6px}.bl-modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b2b3a73;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50;animation:fade .15s ease both}.bl-modal{background:var(--panel);border-radius:var(--r-lg);width:640px;max-width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);animation:pop .25s cubic-bezier(.2,.8,.2,1) both}.bl-modal.lg{width:780px}.bl-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line)}.bl-modal-body{padding:18px 20px;overflow-y:auto}.bl-modal-foot{display:flex;gap:10px;justify-content:flex-end;padding:14px 20px;border-top:1px solid var(--line)}@keyframes fade{0%{opacity:0}to{opacity:1}}.bl-sig{font-weight:600}.bl-sig.ok{color:var(--muted)}.bl-sig.none,.bl-sig.soon{color:#b54708}.bl-sig.expired{color:var(--danger)}.bl-cert-status{font-size:13px;font-weight:600;padding:9px 11px;border-radius:9px;margin-bottom:14px}.bl-cert-status.ok{background:#eafaf0;color:#027a48;border:1px solid #aee9c6}.bl-cert-status.none,.bl-cert-status.soon{background:#fff4e5;color:#b54708;border:1px solid #fdd9a6}.bl-cert-status.expired{background:#fef0ef;color:var(--danger);border:1px solid #fbcfcb}.bl-cert-banner{font-size:13px;font-weight:600;padding:11px 13px;border-radius:10px;margin-bottom:14px;cursor:pointer;display:flex;align-items:center;gap:8px}.bl-cert-banner.soon{background:#fff4e5;color:#b54708;border:1px solid #fdd9a6}.bl-cert-banner.expired{background:#fef0ef;color:var(--danger);border:1px solid #fbcfcb}.bl-cert-banner-cta{margin-left:auto;font-weight:700;white-space:nowrap}.bl-logo-box{display:flex;align-items:center;justify-content:center;min-height:84px;padding:12px;background:#fff;border:1px dashed var(--line);border-radius:9px;margin-bottom:12px}.bl-logo-img{max-width:100%;max-height:90px;object-fit:contain}.bl-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.bl-kpi{display:flex;flex-direction:column;gap:6px}.bl-kpi-label{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.bl-kpi-val{font-size:26px;font-weight:800;color:var(--ink);line-height:1.1}.bl-kpi-delta{font-size:12px;font-weight:600}.bl-kpi-delta.up{color:#027a48}.bl-kpi-delta.down{color:var(--danger)}.bl-bars{display:flex;align-items:flex-end;gap:8px;height:200px;padding-top:8px}.bl-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;min-width:0}.bl-bar-val{font-size:10px;color:var(--muted);height:14px;white-space:nowrap}.bl-bar-track{flex:1;width:100%;max-width:38px;display:flex;align-items:flex-end;background:var(--line-soft);border-radius:5px}.bl-bar-fill{width:100%;min-height:3px;background:linear-gradient(180deg,var(--brand),var(--brand-deep));border-radius:5px;transition:height .3s ease,transform .14s ease,filter .14s ease,box-shadow .14s ease}.bl-bar-fill.is-zero{background:var(--line)!important}.bl-bar-col{position:relative;cursor:default}.bl-bar-col:hover .bl-bar-fill{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 4px 12px #10182829}.bl-bar-col.is-current .bl-bar-track{box-shadow:inset 0 0 0 2px #009fe359}.bl-bar-col[data-tip]:after{content:attr(data-tip);position:absolute;bottom:calc(100% - 8px);left:50%;transform:translate(-50%) translateY(4px);background:#1d2433;color:#fff;font-size:11px;font-weight:600;white-space:nowrap;padding:5px 9px;border-radius:6px;box-shadow:0 6px 18px #10182847;opacity:0;pointer-events:none;transition:opacity .14s ease,transform .14s ease;z-index:5}.bl-bar-col:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.bl-bar-label{font-size:11px;color:var(--muted)}.bl-dash-2col{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.bl-clickable{cursor:pointer}.bl-clickable:hover{background:var(--line-soft)}.bl-skel{background:linear-gradient(90deg,var(--line-soft) 25%,var(--line) 37%,var(--line-soft) 63%);background-size:400% 100%;animation:blshimmer 1.4s ease infinite;min-height:96px}@keyframes blshimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (max-width: 900px){.bl-2col,.bl-dash-2col,.bl-grid3{grid-template-columns:1fr}.bl-items-head{display:none}.bl-item{grid-template-columns:1fr 1fr;gap:6px}.bl-item-desc{grid-column:1 / -1}.bl-kpis{grid-template-columns:repeat(2,1fr)}.bl-bar-val{display:none}}:root{--brand-50: #ecf8fe;--brand-100: #d6eefc;--brand-200: #bfe6fb;--brand-700: #005f93;--ok: #067a4e;--ok-bg: #e7f7ee;--warn: #b54708;--warn-bg: #fff4e5;--danger-bg: #fdecea;--line: #e9edf2;--line-soft: #eef2f6;--shadow-sm: 0 1px 2px rgba(16,32,42,.05);--shadow-md: 0 2px 4px rgba(16,32,42,.05), 0 8px 24px -8px rgba(16,32,42,.12);--shadow-lg: 0 18px 44px -12px rgba(11,43,58,.28);--r-lg: 18px}.bl-head{position:relative}.bl-head:before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:linear-gradient(90deg,var(--brand),#33d0ff 45%,var(--brand-deep))}.bl-head-title h1{font-size:20px;font-weight:800;letter-spacing:-.3px}.bl-tab.active,.tab.active{background:linear-gradient(135deg,var(--brand),var(--brand-deep));border-color:transparent;box-shadow:0 6px 16px -4px #009fe373}.bl-card{border-radius:var(--r-lg);border-color:var(--line);box-shadow:var(--shadow-md)}.bl-card-head h3,.bl-card>h3{font-size:16px;font-weight:700;letter-spacing:-.2px}.bl-card-head h3:before{content:"";display:inline-block;width:5px;height:16px;border-radius:3px;margin-right:9px;vertical-align:-2px;background:linear-gradient(180deg,var(--brand),var(--brand-deep))}.bl-kpi{position:relative;overflow:hidden;border-radius:var(--r-lg);transition:transform .18s ease,box-shadow .18s ease}.bl-kpi:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.bl-kpi:after{content:"";position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,var(--brand-50),transparent 70%);pointer-events:none}.bl-kpi-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;position:relative;z-index:1}.bl-kpi-ico{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand-100),var(--brand-50));color:var(--brand-deep)}.bl-kpi-ico svg{width:20px;height:20px;display:block}.bl-kpi-ico.green{background:linear-gradient(135deg,#cdf2dd,#eafaf0);color:#067a4e}.bl-kpi-ico.violet{background:linear-gradient(135deg,#e4ddff,#f2eeff);color:#5b3ec7}.bl-kpi-ico.amber{background:linear-gradient(135deg,#ffe9cc,#fff6ea);color:#b54708}.bl-kpi-label{position:relative;z-index:1}.bl-kpi-val{font-size:32px;font-weight:800;letter-spacing:-1px;position:relative;z-index:1}.bl-kpi-foot{font-size:12.5px;color:var(--muted);position:relative;z-index:1}.bl-kpi-delta{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;width:fit-content}.bl-kpi-delta.up{color:var(--ok);background:var(--ok-bg)}.bl-kpi-delta.down{color:var(--danger);background:var(--danger-bg)}.bl-kpi-delta.muted{color:var(--muted);background:#eef2f6}.bl-bars{position:relative}.bl-bars:before,.bl-bars:after{content:"";position:absolute;left:0;right:0;height:1px;background:var(--line-soft);pointer-events:none}.bl-bars:before{top:38%}.bl-bars:after{top:68%}.bl-bar-col{z-index:1}.bl-bar-track{background:transparent}.bl-bar-fill{border-radius:7px 7px 4px 4px;background:linear-gradient(180deg,#4cc6f5,var(--brand) 55%,var(--brand-deep));box-shadow:0 4px 10px -2px #009fe366}.bl-bar-fill.is-zero{background:#e4e9ee!important;box-shadow:none}.bl-bar-col.is-current .bl-bar-track{box-shadow:none}.bl-bar-col.is-current .bl-bar-fill{background:linear-gradient(180deg,#33e0a0,#0fbf6a 60%,#067a4e);box-shadow:0 6px 14px -2px #0fbf6a80}.bl-bar-val{font-weight:700;color:var(--brand-deep)}.bl-bar-col.is-current .bl-bar-val{color:#067a4e}.chanrow{display:flex;align-items:center;gap:14px;padding:13px 12px;margin:0 -12px;border-radius:12px;border-bottom:1px solid var(--line-soft);transition:background .12s}.chanrow:last-child{border-bottom:none}.chanrow:hover{background:#f7fafc}.chanrow-ic{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex:none;box-shadow:var(--shadow-sm)}.chanrow-ic svg{width:21px;height:21px;fill:#fff}.chanrow-ic.wa{background:linear-gradient(135deg,#25d366,#1eb455)}.chanrow-ic.me{background:linear-gradient(135deg,#0084ff,#0064d6)}.chanrow-ic.ig{background:linear-gradient(45deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5)}.chanrow-ic.otro{background:linear-gradient(135deg,#98a2b3,#667085)}.chanrow-main{flex:1;min-width:0}.chanrow-name{font-size:14px;font-weight:600;color:var(--ink)}.chanrow-sub{font-size:12px;color:var(--muted);margin-top:2px}.chanrow-track{height:7px;border-radius:99px;background:#eef2f6;margin-top:8px;overflow:hidden}.chanrow-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--brand),var(--brand-deep))}.chanrow-fill.wa{background:linear-gradient(90deg,#25d366,#1eb455)}.chanrow-fill.me{background:linear-gradient(90deg,#0084ff,#0064d6)}.chanrow-fill.ig{background:linear-gradient(90deg,#fa7e1e,#d62976)}.chanrow-stats{display:flex;gap:18px;flex:none;text-align:right}.chanrow-stat .n{font-size:18px;font-weight:800;color:var(--ink);line-height:1}.chanrow-stat .l{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin-top:3px}.donut-wrap{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.donut{width:140px;height:140px;border-radius:50%;flex:none;position:relative}.donut:before{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:50%;background:var(--panel);box-shadow:inset 0 1px 4px #10202a14}.donut-c{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut-c .n{font-size:28px;font-weight:800;line-height:1}.donut-c .l{font-size:11px;color:var(--muted)}.donut-legend{display:flex;flex-direction:column;gap:11px;flex:1;min-width:150px}.donut-lg{display:flex;align-items:center;gap:10px;font-size:13px}.donut-lg .sw{width:11px;height:11px;border-radius:3px;flex:none}.donut-lg .nm{color:var(--ink-2, var(--ink));font-weight:500}.donut-lg .vv{margin-left:auto;font-weight:800}.donut-lg.tot{border-top:1px solid var(--line-soft);padding-top:11px}.login-card{border-radius:22px;box-shadow:0 24px 60px -18px #0b2b3a80}.login-card:before{content:"";position:absolute;left:0;top:0;height:4px;width:100%;border-radius:22px 22px 0 0;background:linear-gradient(90deg,var(--brand),#33d0ff 45%,var(--brand-deep))}.thread-head{box-shadow:var(--shadow-sm)}.conv.active:before{background:linear-gradient(180deg,var(--brand),var(--brand-deep));width:4px}.side-head{background:linear-gradient(180deg,#fbfeff,#fff)}.composer .send{box-shadow:0 8px 18px -4px #009fe366}@media (max-width: 900px){.chanrow-stats{gap:12px}.donut-wrap{gap:16px}}