:root{--ivory:#f7f3ea;--ivory-2:#efe9dc;--white:#fff;--charcoal:#1f211e;--charcoal-2:#2b2e29;--charcoal-3:#3a3e38;--ink:#262822;--muted:#6b6f66;--line:#e4ddcc;--sage:#6f9162;--sage-600:#587a4b;--sage-700:#4a6a3e;--sage-800:#3c5a32;--sage-100:#e4ecdb;--sage-50:#f0f5ea;--amber:#b7791f;--amber-100:#fbefd3;--red:#b5473f;--red-100:#f8e0dc;--blue:#3b6a9b;--blue-100:#e2ebf6;--font-serif:"Times New Roman", Times, serif;--font-sans:"Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;--radius:12px;--radius-sm:8px;--shadow:0 1px 2px #1f211e0f, 0 4px 14px #1f211e0d;--shadow-lg:0 20px 50px #1f211e38;--sidebar-w:248px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--ivory);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.45}h1,h2,h3{font-family:var(--font-serif);letter-spacing:-.01em;color:var(--charcoal);margin:0;font-weight:700}p{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--sage-700);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);min-height:100%;display:grid}.sidebar{background:var(--charcoal);color:#e8e4d8;flex-direction:column;height:100vh;padding:22px 14px 16px;display:flex;position:sticky;top:0}.brand{font-family:var(--font-serif);letter-spacing:.04em;color:var(--ivory);border-bottom:1px solid #ffffff1a;margin-bottom:14px;padding:0 10px 18px;font-size:30px;font-weight:700}.nav{flex-direction:column;flex:1;gap:4px;display:flex}.nav a{border-radius:var(--radius-sm);color:#d8d4c7;align-items:center;gap:12px;padding:11px 12px;font-size:15.5px;display:flex}.nav a:hover{background:var(--charcoal-2)}.nav a.active{background:var(--sage-700);color:#fff}.nav .nav-badge{background:var(--red);color:#fff;border-radius:11px;place-items:center;min-width:22px;height:22px;margin-left:auto;padding:0 6px;font-size:12px;font-weight:700;display:grid}.sidebar-foot{color:#bdb9ac;border-top:1px solid #ffffff1a;flex-direction:column;gap:1px;padding:14px 10px 0;font-size:13px;display:flex}.sidebar-foot strong{color:#e8e4d8;font-weight:600}.main{flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:5;background:#f7f3ead9;justify-content:space-between;align-items:center;gap:16px;padding:12px 32px;display:flex;position:sticky;top:0}.topbar-left,.topbar-right{align-items:center;gap:14px;display:flex}.demo-tag{color:var(--amber);background:var(--amber-100);border-radius:999px;padding:4px 10px;font-size:12.5px;font-weight:600}.realtime{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.dot{background:var(--muted);border-radius:50%;width:9px;height:9px}.dot.online{background:var(--sage)}.dot.connecting{background:var(--amber)}.dot.offline{background:var(--red)}.icon-btn{border:1px solid var(--line);background:var(--white);cursor:pointer;width:38px;height:38px;color:var(--charcoal);border-radius:50%;place-items:center;display:grid;position:relative}.icon-btn .pip{background:var(--amber);border:2px solid var(--white);border-radius:50%;width:9px;height:9px;position:absolute;top:7px;right:8px}.user-chip{background:var(--white);border:1px solid var(--line);border-radius:999px;align-items:center;gap:10px;padding:5px 14px 5px 6px;font-size:14px;display:flex}.avatar{background:var(--sage-100);width:30px;height:30px;color:var(--sage-800);border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:700;display:grid}.content{flex-direction:column;gap:22px;padding:28px 32px 48px;display:flex}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page-header h1{font-size:34px;line-height:1.1}.page-header p{color:var(--muted);margin-top:4px}.page-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:14.5px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--sage-700);color:#fff}.btn-primary:hover:not(:disabled){background:var(--sage-800)}.btn-secondary{background:var(--white);border-color:var(--line);color:var(--charcoal)}.btn-secondary:hover:not(:disabled){background:var(--ivory-2)}.btn-ghost{color:var(--sage-800);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--sage-50)}.btn-danger{background:var(--red);color:#fff}.btn-sm{padding:6px 12px;font-size:13.5px}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:18px 20px}.card-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.card-title{align-items:center;gap:10px;display:flex}.card-title svg{color:var(--sage-700)}.card-title h2{font-size:21px}.card-title p{color:var(--muted);font-size:13.5px}.grid{gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}.grid-clients{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.two-col{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;display:grid}.stat{border-radius:var(--radius);border:1px solid var(--line);background:var(--sage-50);align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.stat.tone-warn{background:var(--amber-100)}.stat.tone-danger{background:var(--red-100)}.stat.tone-info{background:var(--blue-100)}.stat-icon{width:44px;height:44px;color:var(--sage-700);background:#ffffffb3;border-radius:12px;flex:none;place-items:center;display:grid}.stat.tone-warn .stat-icon{color:var(--amber)}.stat.tone-danger .stat-icon{color:var(--red)}.stat.tone-info .stat-icon{color:var(--blue)}.stat-label{color:var(--charcoal);font-size:14px;font-weight:600}.stat-value{color:var(--charcoal);font-size:30px;font-weight:700;line-height:1.15}.stat-foot{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.badge{white-space:nowrap;background:var(--ivory-2);color:var(--charcoal-3);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.badge.ok{background:var(--sage-100);color:var(--sage-800)}.badge.warn{background:var(--amber-100);color:#8a5a10}.badge.danger{background:var(--red-100);color:#8d3029}.badge.info{background:var(--blue-100);color:#2b5278}.badge .bdot{background:currentColor;border-radius:50%;width:7px;height:7px}.table-wrap{overflow-x:auto}table.table{border-collapse:collapse;width:100%;font-size:14.5px}.table th{text-align:left;color:var(--charcoal-3);background:var(--ivory);white-space:nowrap;padding:10px 14px;font-size:13px;font-weight:600}.table th:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.table th:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:12px 14px}.table tr:last-child td{border-bottom:0}.table .num{text-align:right;font-variant-numeric:tabular-nums}.cell-user{align-items:center;gap:10px;display:flex}.cell-user small{color:var(--muted);font-size:12.5px;display:block}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.input,.select,.textarea{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-sm);width:100%;padding:9px 12px}.textarea{resize:vertical;min-height:90px}.input:focus,.select:focus,.textarea:focus{border-color:var(--sage-700);outline:2px solid #4a6a3e33}.search{flex:1;min-width:220px;max-width:420px;position:relative}.search svg{color:var(--muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search .input{padding-left:38px}.toolbar .select{width:auto;min-width:160px}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label{font-size:14px;font-weight:600}.field .hint{color:var(--muted);font-size:12.5px}.field .error-text{color:var(--red);font-size:12.5px}.field-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.segmented{background:var(--ivory-2);border-radius:var(--radius-sm);margin-left:auto;padding:3px;display:inline-flex}.segmented button{cursor:pointer;color:var(--charcoal-3);background:0 0;border:0;border-radius:6px;place-items:center;padding:6px 10px;display:grid}.segmented button[aria-pressed=true]{background:var(--white);box-shadow:var(--shadow);color:var(--sage-800)}.state{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:10px;padding:48px 20px;display:flex}.state-icon{background:var(--sage-100);width:56px;height:56px;color:var(--sage-700);border-radius:50%;place-items:center;display:grid}.state.error .state-icon{background:var(--red-100);color:var(--red)}.state h3{font-size:20px}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--ivory-2) 25%, #f6f1e5 37%, var(--ivory-2) 63%);background-size:400% 100%;animation:1.3s infinite shimmer}@keyframes shimmer{0%{background-position:100%}to{background-position:0}}.skeleton-stack{gap:12px;display:grid}.overlay{z-index:50;background:#1f211e73;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--white);width:min(560px,100%);max-height:calc(100vh - 40px);box-shadow:var(--shadow-lg);border-radius:16px;padding:26px 28px;overflow:auto}.modal.wide{width:min(760px,100%)}.modal-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.modal-head h2{font-size:26px}.modal-head p{color:var(--muted);margin-top:2px}.modal-foot{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.toaster{z-index:60;flex-direction:column;gap:10px;width:min(380px,100vw - 40px);display:flex;position:fixed;bottom:20px;right:20px}.toast{background:var(--charcoal);color:#f3efe3;border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);border-left:4px solid var(--sage);align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.toast.warning{border-left-color:var(--amber)}.toast.error{border-left-color:var(--red)}.toast.info{border-left-color:var(--blue)}.toast strong{font-size:14.5px;display:block}.toast span{color:#cfcabc;font-size:13px}.toast button{color:#cfcabc;cursor:pointer;background:0 0;border:0;margin-left:auto}.bars{border-bottom:1px solid var(--line);grid-template-columns:repeat(7,1fr);align-items:end;gap:14px;height:220px;padding:8px 4px 0;display:grid}.bar-col{flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;height:100%;font-size:13px;font-weight:600;display:flex}.bar{background:var(--sage);border-radius:6px 6px 0 0;width:100%;max-width:64px}.bar.peak{background:var(--sage-800)}.bar-labels{text-align:center;color:var(--muted);grid-template-columns:repeat(7,1fr);gap:14px;padding-top:8px;font-size:12.5px;display:grid}.attention-list,.alert-list{flex-direction:column;gap:10px;display:flex}.attention-item,.alert-item{border-radius:var(--radius-sm);background:var(--amber-100);border-left:4px solid var(--amber);align-items:center;gap:12px;padding:12px 14px;display:flex}.attention-item.danger,.alert-item.danger{background:var(--red-100);border-left-color:var(--red)}.alert-item.info{background:var(--blue-100);border-left-color:var(--blue)}.item-body{flex:1;min-width:0}.item-body strong{display:block}.item-body span{color:var(--charcoal-3);font-size:13.5px}.item-time{color:var(--muted);white-space:nowrap;font-size:13px}.client-card{flex-direction:column;gap:16px;padding:18px 20px;display:flex}.client-top{align-items:center;gap:12px;display:flex}.client-top h3{overflow-wrap:anywhere;flex:1;min-width:0;font-size:19px}.client-card{justify-content:space-between}.monogram{background:var(--ivory-2);width:46px;height:46px;font-family:var(--font-serif);color:var(--charcoal);border-radius:10px;flex:none;place-items:center;font-size:18px;font-weight:700;display:grid}.metrics{text-align:center;grid-template-columns:repeat(3,1fr);display:grid}.metrics>div+div{border-left:1px solid var(--line)}.metrics strong{font-size:22px;font-family:var(--font-serif);display:block}.metrics span{color:var(--muted);font-size:12.5px}.conn-card{flex-direction:column;gap:12px;padding:18px 20px;display:flex}.supervision-consent{border-left:4px solid var(--sage-600);margin-bottom:18px;padding:20px 22px}.supervision-consent h2{font-size:18px;font-family:var(--font-serif);margin:0 0 8px}.supervision-consent p{color:var(--muted);margin:8px 0;line-height:1.6}.supervision-consent details{margin:12px 0;font-size:13.5px}.supervision-consent summary{cursor:pointer;color:var(--sage-800);font-weight:600}.supervision-consent-check{align-items:flex-start;gap:10px;margin:14px 0;font-size:14px;display:flex}.supervision-consent-check input{margin-top:3px}.supervision-consent-pending{font-weight:600}.conn-head{align-items:center;gap:12px;display:flex}.wa-icon{background:var(--sage-100);width:42px;height:42px;color:var(--sage-800);border-radius:50%;flex:none;place-items:center;display:grid}.conn-meta{color:var(--muted);align-items:center;gap:8px;font-size:13.5px;display:flex}.conn-error{background:var(--red-100);color:#8d3029;border-radius:var(--radius-sm);padding:10px 12px;font-size:13.5px}.conn-add{border:2px dashed var(--line);border-radius:var(--radius);text-align:center;color:var(--muted);cursor:pointer;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:180px;padding:24px;display:flex}.conn-add:hover{background:var(--sage-50);border-color:var(--sage)}.qr-box{grid-template-columns:200px 1fr;align-items:center;gap:24px;display:grid}.qr-box svg{border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;width:200px;height:200px;padding:8px}.steps{counter-reset:step;gap:12px;margin:0;padding:0;list-style:none;display:grid}.steps li{align-items:flex-start;gap:12px;display:flex}.steps li:before{counter-increment:step;content:counter(step);background:var(--sage-800);color:#fff;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:grid}.demo-note{color:var(--amber);margin-top:6px;font-size:12.5px}.chat{grid-template-columns:320px minmax(0,1fr) 300px;gap:0;height:calc(100vh - 250px);min-height:520px;display:grid;overflow:hidden}.chat>*{min-width:0}.chat-list{border-right:1px solid var(--line);flex-direction:column;display:flex;overflow:hidden}.chat-list-head{flex-direction:column;gap:12px;padding:16px;display:flex}.tabs{flex-wrap:wrap;gap:4px;display:flex}.tab{cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:600;display:inline-flex}.tab[aria-pressed=true]{background:var(--sage-800);color:#fff}.tab .count{background:var(--amber);color:#fff;border-radius:999px;padding:0 7px;font-size:11.5px}.chat-items{flex:1;overflow-y:auto}.chat-item{text-align:left;border:0;border-left:3px solid #0000;border-bottom:1px solid var(--line);cursor:pointer;background:0 0;gap:12px;width:100%;padding:12px 16px;display:flex}.chat-item:hover{background:var(--ivory)}.chat-item[aria-current=true]{background:var(--sage-50);border-left-color:var(--amber)}.chat-item .meta{flex:1;min-width:0}.chat-item .row{justify-content:space-between;gap:8px;display:flex}.chat-item .row strong{font-size:15px}.chat-item .row time{color:var(--muted);font-size:12.5px}.chat-item p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;overflow:hidden}.chat-item .tags{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.unread{background:var(--amber);color:#fff;border-radius:50%;align-self:center;place-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:grid}.thread{background:#f1ece0;flex-direction:column;min-height:0;display:flex}.supervision{background:var(--amber-100);color:#7a5214;align-items:center;gap:12px;padding:10px 16px;font-size:13.5px;display:flex}.supervision strong{font-family:var(--font-serif);white-space:nowrap;font-size:18px}.thread-head{background:var(--white);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 16px;display:flex}.thread-body{flex-direction:column;flex:1;gap:10px;padding:18px 20px;display:flex;overflow-y:auto}.day-sep{background:var(--ivory-2);color:var(--muted);border-radius:8px;align-self:center;padding:2px 12px;font-size:12.5px}.bubble{background:var(--white);max-width:70%;box-shadow:var(--shadow);border-radius:10px;align-self:flex-start;padding:8px 12px 6px}.bubble.out{background:#dfecd3;align-self:flex-end}.bubble.out-unknown{background:#ebe7da;align-self:flex-end}.bubble .who{color:var(--sage-800);margin-bottom:2px;font-size:12px;font-weight:700;display:block}.bubble.out-unknown .who{color:var(--muted)}.bubble time{text-align:right;color:var(--muted);margin-top:2px;font-size:11.5px;display:block}.readonly-bar{background:var(--white);border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:10px;padding:14px 18px;font-size:13.5px;display:flex}.readonly-bar strong{color:var(--charcoal)}.lead-panel{border-left:1px solid var(--line);background:var(--white);flex-direction:column;gap:14px;padding:16px;display:flex;overflow-y:auto}.lead-panel h3{font-size:20px}.lead-field label{margin-bottom:4px;font-size:13px;font-weight:700;display:block}.lead-box{background:var(--sage-50);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px 12px;font-weight:600}.lead-box.warn{background:var(--amber-100)}.lead-box.plain{background:var(--white);font-size:14px;font-weight:400}.funnel{grid-auto-columns:minmax(215px,1fr);grid-auto-flow:column;gap:14px;padding-bottom:8px;display:grid;overflow-x:auto}.stage{flex-direction:column;gap:10px;display:flex}.stage-head{border-radius:var(--radius);background:var(--sage-100);padding:12px 14px}.stage-head.t1{background:var(--ivory-2)}.stage-head.t2{background:var(--blue-100)}.stage-head.t3{background:var(--sage-100)}.stage-head.t4{background:var(--amber-100)}.stage-head.t5{background:var(--sage-800);color:#fff}.stage-head.t5 h3,.stage-head.t5 .stage-sum{color:#fff}.stage-head.t6{background:var(--red-100)}.stage-head .row{justify-content:space-between;align-items:center;display:flex}.stage-head h3{font-size:22px}.stage-count{color:var(--charcoal);background:#ffffffb3;border-radius:8px;padding:1px 9px;font-size:13px;font-weight:700}.stage-sum{color:var(--charcoal-3);font-size:13.5px}.lead-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:6px;padding:12px 14px;display:flex}.lead-card .top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.lead-card h4{font-family:var(--font-serif);margin:0;font-size:17px}.lead-card .value{color:var(--sage-700);font-weight:700}.lead-card .age{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.stage-empty{border:2px dashed var(--line);border-radius:var(--radius);text-align:center;color:var(--muted);padding:18px;font-size:13.5px}.login-page{background:radial-gradient(1200px 600px at 20% -10%, var(--sage-100), transparent), var(--ivory);place-items:center;min-height:100%;padding:24px;display:grid}.login-card{width:min(420px,100%);padding:34px 32px}.login-card .brand-lg{font-family:var(--font-serif);letter-spacing:.05em;text-align:center;color:var(--charcoal);font-size:40px;font-weight:700}.login-card .sub{text-align:center;color:var(--muted);margin:4px 0 24px}.notice{background:var(--amber-100);color:#7a5214;border-radius:var(--radius-sm);align-items:flex-start;gap:10px;margin-top:16px;padding:10px 12px;font-size:13px;display:flex}@media (width<=1180px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}.chat{grid-template-columns:280px minmax(0,1fr)}.lead-panel{display:none}}@media (width<=960px){:root{--sidebar-w:72px}.sidebar{padding-inline:6px}.brand{letter-spacing:0;text-align:center;padding-inline:0;font-size:13px}.nav a{justify-content:center;position:relative}.nav a span.label,.sidebar-foot{display:none}.nav .nav-badge{min-width:18px;height:18px;margin:0;font-size:11px;position:absolute;top:2px;right:6px}.topbar,.content{padding-inline:18px}}@media (width<=720px){.grid-3,.grid-4,.field-row{grid-template-columns:1fr}.qr-box{grid-template-columns:1fr;justify-items:center}.chat{grid-template-columns:1fr;height:auto}.chat-list{border-right:0;border-bottom:1px solid var(--line);max-height:320px}.thread{min-height:460px}.page-header h1{font-size:28px}.demo-tag{display:none}}