:root{--wa-green: #1f9d57;--wa-green-deep: #167a43;--wa-green-soft: #e6f4ec;--bg: #f5f6f2;--surface: #ffffff;--surface-2: #f3f4ef;--sidebar: #10261c;--sidebar-2: #0c1f17;--sidebar-hover: #1c3a2c;--sidebar-text: #9db3a7;--sidebar-active-bg: #1f9d57;--text: #1a1a2e;--text-muted: #6b6b80;--border: #e7e7e0;--pos: #1f9d57;--neu: #c2870f;--neg: #d8474c;--pos-soft: #e6f4ec;--neu-soft: #faf0d8;--neg-soft: #fae5e6;--shadow: 0 1px 2px rgba(26,26,46,.06), 0 1px 3px rgba(26,26,46,.05);--accent: #e8632a;--accent-deep: #c44e1c;--accent-soft: #fdeee6;--thread-bg: #ece9e1;--bubble-in: #ffffff;--bubble-out: #d7f5cf;--bubble-bot: #e1eeff;--radius: 14px;--radius-sm: 9px;--font: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}[data-theme=dark]{--wa-green: #25b765;--wa-green-deep: #1f9d57;--wa-green-soft: #16291f;--bg: #0e1013;--surface: #16191e;--surface-2: #1c2026;--sidebar: #0a0c0f;--sidebar-2: #0a0c0f;--sidebar-hover: #1c2026;--sidebar-text: #8a93a0;--sidebar-active-bg: #1f9d57;--text: #e7eaee;--text-muted: #8a93a0;--border: #262a31;--pos: #2ec27a;--neu: #d8a23a;--neg: #e76b6f;--pos-soft: #15291f;--neu-soft: #2a2415;--neg-soft: #2c1a1b;--shadow: 0 1px 2px rgba(0,0,0,.3);--accent: #f07a44;--accent-deep: #e8632a;--accent-soft: #2a1810;--thread-bg: #0b0d10;--bubble-in: #1f2329;--bubble-out: #1d3a2a;--bubble-bot: #16263a}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;letter-spacing:-.01em}a{color:inherit;text-decoration:none}.shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:250px;flex-shrink:0;background:var(--sidebar);color:var(--sidebar-text);display:flex;flex-direction:column;padding:14px 10px;gap:1px;overflow-y:auto}.brand{display:flex;align-items:center;gap:11px;padding:6px 10px 16px}.brand-mark{width:36px;height:36px;border-radius:10px;flex-shrink:0;background:linear-gradient(135deg,var(--wa-green),var(--wa-green-deep));display:grid;place-items:center;color:#fff;font-weight:800;font-size:19px}.brand-name{font-weight:700;color:#fff;font-size:15px;line-height:1.1;letter-spacing:-.02em}.brand-sub{font-size:11.5px;color:var(--sidebar-text);margin-top:2px}.nav-group{padding:15px 12px 6px}.nav-group-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#6a8276;font-weight:700}.nav-group-sub{font-size:11px;color:#50635a;margin-top:1px}.sidebar-foot{border-top:1px solid rgba(255,255,255,.06);padding-top:8px;margin-top:6px}.sidebar-credit{font-size:10.5px;color:#50635a;padding:8px 12px 2px}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:9px;font-size:13.5px;color:var(--sidebar-text);cursor:pointer;font-weight:500}.nav-item:hover{background:var(--sidebar-hover);color:#fff}.nav-item.active{background:var(--sidebar-active-bg);color:#fff;font-weight:600}.nav-item .ico{width:18px;text-align:center;font-size:14px}.nav-badge{margin-left:auto;background:var(--wa-green);color:#fff;font-size:11px;font-weight:700;border-radius:999px;padding:1px 7px}.nav-item.active .nav-badge{background:#ffffff40}.main{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{min-height:60px;flex-shrink:0;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px;padding:0 22px}.topbar h1{font-size:17px;margin:0;font-weight:700;letter-spacing:-.02em}.topbar .sub{font-size:12px;color:var(--text-muted);margin-top:1px}.topbar .spacer{flex:1}.clock{font-size:12px;color:var(--text-muted)}.seg{display:inline-flex;background:var(--surface-2);border:1px solid var(--border);border-radius:9px;overflow:hidden}.seg button{border:none;background:transparent;padding:6px 12px;font-size:12.5px;font-family:inherit;color:var(--text-muted);cursor:pointer;font-weight:500}.seg button.on{background:var(--surface);color:var(--text);font-weight:600;box-shadow:var(--shadow)}.icon-btn{width:34px;height:34px;border-radius:9px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;font-size:15px;display:grid;place-items:center}.icon-btn:hover{background:var(--surface-2)}.pill-live{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--wa-green-deep);background:var(--wa-green-soft);border-radius:999px;padding:5px 11px}.dot-live{width:7px;height:7px;border-radius:50%;background:var(--wa-green);animation:pulse 1.8s infinite}@keyframes pulse{0%{box-shadow:0 0 #1f9d5780}70%{box-shadow:0 0 0 7px #1f9d5700}to{box-shadow:0 0 #1f9d5700}}.content{flex:1;overflow:auto;padding:22px}.content.flush{padding:0}.demo-banner{background:var(--neu-soft);border-bottom:1px solid var(--border);color:var(--neu);font-size:12px;padding:6px 22px;text-align:center}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:18px}.kpi{padding:16px 18px}.kpi .label{font-size:12px;color:var(--text-muted)}.kpi .value{font-size:27px;font-weight:800;margin-top:4px;letter-spacing:-.03em}.kpi .hint{font-size:11.5px;color:var(--text-muted);margin-top:3px}.kpi .up{color:var(--pos);font-weight:700}.section-title{font-size:13px;font-weight:700;color:var(--text);margin:4px 0 12px;letter-spacing:-.01em}.muted{color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;border-radius:999px;padding:2px 9px}.badge.pos{background:var(--pos-soft);color:var(--pos)}.badge.neu{background:var(--neu-soft);color:var(--neu)}.badge.neg{background:var(--neg-soft);color:var(--neg)}.badge.gray{background:var(--surface-2);color:var(--text-muted)}.badge.human{background:var(--neu-soft);color:var(--neu)}.btn{display:inline-flex;align-items:center;gap:7px;border:none;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;border-radius:9px;padding:9px 14px}.btn-primary{background:var(--wa-green);color:#fff}.btn-primary:hover{background:var(--wa-green-deep)}.btn-ghost{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn-sm{padding:6px 10px;font-size:12px}.tag{font-size:11px;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:2px 7px}.meter{display:flex;height:9px;border-radius:999px;overflow:hidden;background:var(--surface-2)}.meter .seg-pos{background:var(--pos)}.meter .seg-neu{background:var(--neu)}.meter .seg-neg{background:var(--neg)}.chats{display:grid;grid-template-columns:330px 1fr 300px;height:100%}.chats .col{overflow-y:auto}.chats .col-list{border-right:1px solid var(--border);background:var(--surface)}.chats .col-thread{background:var(--thread-bg);display:flex;flex-direction:column}.chats .col-contact{border-left:1px solid var(--border);background:var(--surface);padding:18px}.list-head{padding:12px 14px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface);z-index:1}.search{width:100%;padding:9px 12px;border-radius:9px;border:1px solid var(--border);background:var(--surface-2);font-size:13px;font-family:inherit;color:var(--text)}.filters{display:flex;gap:6px;margin-top:10px}.filter{font-size:12px;font-weight:600;padding:5px 11px;border-radius:999px;cursor:pointer;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border)}.filter.active{background:var(--wa-green-soft);color:var(--wa-green-deep);border-color:transparent}.filter .n{opacity:.7}.conv{display:flex;gap:11px;padding:12px 14px;border-bottom:1px solid var(--border);cursor:pointer}.conv:hover{background:var(--surface-2)}.conv.active{background:var(--wa-green-soft)}.avatar{width:42px;height:42px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--wa-green),var(--wa-green-deep));color:#fff;display:grid;place-items:center;font-weight:700;font-size:15px}.conv .body{flex:1;min-width:0}.conv .row1{display:flex;justify-content:space-between;gap:8px}.conv .name{font-weight:600;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv .time{font-size:11px;color:var(--text-muted);flex-shrink:0}.conv .preview{font-size:12.5px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.conv .row3{display:flex;gap:6px;align-items:center;margin-top:6px;flex-wrap:wrap}.unread-dot{width:18px;height:18px;border-radius:50%;background:var(--wa-green);color:#fff;font-size:10.5px;font-weight:700;display:grid;place-items:center;flex-shrink:0}.thread-head{background:var(--surface);border-bottom:1px solid var(--border);padding:11px 18px;display:flex;align-items:center;gap:12px}.thread-body{flex:1;overflow-y:auto;padding:22px 12%;display:flex;flex-direction:column;gap:8px}.bubble{max-width:72%;padding:8px 11px;border-radius:9px;font-size:13.5px;line-height:1.4;box-shadow:var(--shadow)}.bubble .meta{font-size:10px;color:var(--text-muted);margin-top:3px;text-align:right}.bubble.in{background:var(--bubble-in);align-self:flex-start;border-top-left-radius:2px}.bubble.out{background:var(--bubble-out);align-self:flex-end;border-top-right-radius:2px}.bubble.bot{background:var(--bubble-bot);align-self:flex-end;border-top-right-radius:2px}.day-sep{align-self:center;font-size:11px;color:var(--text-muted);background:var(--surface);border-radius:7px;padding:3px 10px;margin:6px 0;border:1px solid var(--border)}.composer{background:var(--surface);border-top:1px solid var(--border);padding:12px 16px}.window-note{font-size:11.5px;margin-bottom:8px;display:flex;align-items:center;gap:7px}.window-open{color:var(--wa-green-deep)}.window-closed{color:var(--neg)}.composer-row{display:flex;gap:10px;align-items:center}.composer input{flex:1;border:1px solid var(--border);border-radius:10px;padding:11px 13px;font-size:13.5px;font-family:inherit;background:var(--surface-2);color:var(--text)}.composer input:focus{outline:2px solid var(--wa-green-soft);border-color:var(--wa-green)}.agent-toggle{display:flex;align-items:center;gap:9px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin-bottom:14px}.switch{width:38px;height:22px;border-radius:999px;background:var(--wa-green);position:relative;cursor:pointer;flex-shrink:0}.switch.off{background:#b8c0c4}.switch .knob{position:absolute;top:2px;left:18px;width:18px;height:18px;border-radius:50%;background:#fff;transition:left .15s;box-shadow:0 1px 2px #0003}.switch.off .knob{left:2px}.contact-name{font-size:16px;font-weight:700}.contact-field{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;padding:8px 0;border-bottom:1px solid var(--border)}.contact-field .k{color:var(--text-muted)}.note-internal{background:var(--neu-soft);border:1px solid var(--border);border-radius:8px;padding:9px 11px;font-size:12px;color:var(--neu);margin-top:6px}table.data{width:100%;border-collapse:collapse;font-size:12.5px}table.data th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:11px 14px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface);font-weight:600}table.data td{padding:11px 14px;border-bottom:1px solid var(--border)}table.data tbody tr{cursor:pointer}table.data tbody tr:hover td{background:var(--surface-2)}.dim-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.dim{padding:16px 18px}.dim h4{margin:0 0 2px;font-size:13px}.dim .q{font-size:11.5px;color:var(--text-muted);margin-bottom:12px}.barline{display:flex;align-items:center;gap:10px;margin:7px 0;font-size:12.5px}.barline .bar{flex:1;height:7px;background:var(--surface-2);border-radius:999px;overflow:hidden}.barline .bar>span{display:block;height:100%;background:var(--wa-green);border-radius:999px}.barline .pct{width:38px;text-align:right;color:var(--text-muted);font-weight:600}.action{padding:15px 18px;border-left:3px solid var(--wa-green)}.action.med{border-left-color:var(--neu)}.action h4{margin:0;font-size:13.5px}.action .impact{font-size:12.5px;color:var(--text-muted);margin:6px 0 10px}.action .row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.copilot-wrap{max-width:760px;margin:0 auto}.suggest{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.suggest .chip{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:8px 13px;font-size:12.5px;cursor:pointer;color:var(--text)}.suggest .chip:hover{border-color:var(--wa-green);color:var(--wa-green-deep)}.coming{display:inline-block;font-size:10.5px;font-weight:700;color:var(--neu);background:var(--neu-soft);border-radius:6px;padding:2px 8px;vertical-align:middle}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0c0f73;z-index:40;display:flex;justify-content:flex-end}.drawer{width:560px;max-width:92vw;background:var(--bg);height:100%;overflow-y:auto;box-shadow:-4px 0 24px #0000002e;animation:slidein .18s ease}@keyframes slidein{0%{transform:translate(30px);opacity:.6}to{transform:none;opacity:1}}.drawer-head{position:sticky;top:0;background:var(--surface);border-bottom:1px solid var(--border);padding:16px 20px;display:flex;align-items:center;gap:12px}.drawer-body{padding:18px 20px}.drawer-thread{background:var(--thread-bg);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.analysis-cell{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.analysis-cell .k{font-size:11px;color:var(--text-muted)}.analysis-cell .v{font-size:14px;font-weight:700;margin-top:3px}.close-x{margin-left:auto;cursor:pointer;font-size:20px;color:var(--text-muted);border:none;background:transparent}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.card-head .t{font-size:13.5px;font-weight:700}.card-head .link{font-size:12px;color:var(--wa-green-deep);cursor:pointer}.card-pad{padding:18px}.submetrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:4px}.submetric{padding:8px 10px;border-radius:9px;background:var(--surface-2)}.submetric .v{font-size:18px;font-weight:800;letter-spacing:-.02em}.submetric .k{font-size:11px;color:var(--text-muted);margin-top:1px}.channel{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.channel .ch{padding:12px 14px;border:1px solid var(--border);border-radius:11px}.channel .ch.main{border-color:var(--wa-green);background:var(--wa-green-soft)}.channel .ch .name{font-size:12.5px;font-weight:600;display:flex;align-items:center;gap:6px}.channel .ch .amt{font-size:21px;font-weight:800;margin:4px 0;letter-spacing:-.02em}.channel .ch .meta{font-size:11.5px;color:var(--text-muted)}.minirow{display:flex;justify-content:space-between;font-size:12.5px;padding:7px 0;border-bottom:1px solid var(--border)}.minirow:last-child{border-bottom:none}.minirow .k{color:var(--text-muted)}.minirow .v{font-weight:600}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.statline{display:flex;align-items:center;gap:8px;font-size:12.5px;padding:6px 0}.statline .bar{flex:1;height:7px;background:var(--surface-2);border-radius:999px;overflow:hidden}.statline .bar>span{display:block;height:100%;border-radius:999px}@media (max-width: 1100px){.grid-2,.grid-3,.channel{grid-template-columns:1fr}}.motor-tabs{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.motor-tab{display:flex;align-items:center;gap:13px;padding:16px 18px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);cursor:pointer}.motor-tab .mt-ico{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:17px;background:var(--surface-2);flex-shrink:0}.motor-tab .mt-t{font-size:14px;font-weight:700}.motor-tab .mt-s{font-size:12px;color:var(--text-muted);margin-top:1px}.motor-tab.on{background:var(--accent);border-color:var(--accent);color:#fff}.motor-tab.on .mt-ico{background:#ffffff38}.motor-tab.on .mt-s{color:#ffffffd9}.motor-head{padding:18px;margin-bottom:16px}.motor-head-top{display:flex;align-items:flex-start;gap:13px;margin-bottom:16px}.motor-head-ico{width:40px;height:40px;border-radius:10px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:18px;flex-shrink:0}.motor-head-title{font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px}.motor-head-sub{font-size:12px;color:var(--text-muted);margin-top:1px}.motor-head-num{margin-left:auto;text-align:right}.motor-head-num .v{font-size:26px;font-weight:800;letter-spacing:-.03em}.motor-head-num .k{font-size:11.5px;color:var(--text-muted)}.badge.active{background:var(--pos-soft);color:var(--pos)}.dim-pills{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.dim-pill{background:var(--accent-soft);border-radius:10px;padding:11px 13px}.dim-pill .t{font-size:12.5px;font-weight:700;color:var(--accent-deep)}.dim-pill .q{font-size:11px;color:var(--text-muted);margin-top:1px}[data-theme=dark] .dim-pill .t{color:var(--accent)}@media (max-width: 1100px){.dim-pills{grid-template-columns:1fr 1fr}.motor-tabs{grid-template-columns:1fr}}.motor-banner{display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid var(--wa-green);background:var(--wa-green-soft);border-radius:var(--radius);margin-bottom:18px}.motor-banner .bt{font-size:13.5px;font-weight:700}.motor-banner .bs{font-size:12px;color:var(--text-muted);margin-top:1px}.motor .barline .bar>span{background:var(--accent)}.perfil-boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.perfil-box{background:var(--surface-2);border-radius:10px;padding:14px;text-align:center}.perfil-box .v{font-size:22px;font-weight:800}.perfil-box .k{font-size:11.5px;color:var(--text-muted);margin-top:2px}.drawer-head.neg{background:var(--neg);color:#fff}.drawer-head.neg .muted{color:#ffffffd9}.drawer-head.neg .close-x{color:#ffffffe6}.escalation{background:var(--neg-soft);border:1px solid var(--neg);border-radius:10px;padding:11px 13px;font-size:12.5px;color:var(--neg);display:flex;gap:8px}.btn-takeover{width:100%;background:var(--neg);color:#fff;border:none;border-radius:10px;padding:13px;font-size:13.5px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0 6px}.score-wrap{margin:6px 0 16px}.score-bar{height:10px;border-radius:999px;background:var(--surface-2);overflow:hidden}.score-bar>span{display:block;height:100%;border-radius:999px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.field{padding:9px 0;border-bottom:1px solid var(--border)}.field .k{font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.field .v{font-size:13.5px;font-weight:600;margin-top:2px}.kw{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.stars{color:var(--neu);letter-spacing:1px}