*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f0f2f5;--surface: #ffffff;--surface-2: #f7f8fa;--surface-3: #f0f2f5;--border: #e9edef;--border-strong: #d1d7db;--text: #111b21;--text-2: #3b4a54;--muted: #667781;--faint: #8696a0;--accent: #f2871d;--accent-dark: #d97208;--accent-soft: #fdf2e4;--accent-glow: rgba(242,135,29,.14);--wa: #00a884;--wa-dark: #008069;--wa-soft: #e7fce3;--wa-bg: #efeae2;--wa-in: #ffffff;--wa-out: #d9fdd3;--tick-blue: #53bdeb;--green: #00a884;--blue: #2b7de9;--yellow: #d19e00;--orange: #f2871d;--red: #ea0038;--purple: #8b5cf6;--shadow-1: 0 1px 2px rgba(11,20,26,.08);--shadow-2: 0 2px 10px rgba(11,20,26,.08);--shadow-pop: 0 6px 24px rgba(11,20,26,.16);--sidebar-w: 232px;--radius-s: 8px;--radius: 12px;--radius-l: 16px;--font: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;--mono: "JetBrains Mono", "SF Mono", Consolas, monospace}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:13.5px;-webkit-font-smoothing:antialiased;line-height:1.45}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--accent-glow)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:7px;height:7px}*::-webkit-scrollbar-thumb{background:#c6cdd2;border-radius:4px}*::-webkit-scrollbar-track{background:transparent}.shell{display:flex;height:100vh;overflow:hidden;height:100dvh}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column}.sidebar .logo{display:flex;align-items:center;gap:10px;padding:18px 18px 14px}.sidebar .logo-mark{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,#ffb25e,var(--accent));display:grid;place-items:center;font-weight:800;font-size:15px;color:#fff;box-shadow:0 2px 8px var(--accent-glow)}.sidebar .logo-name{font-weight:800;font-size:15.5px;letter-spacing:-.3px}.sidebar .logo-sub{font-size:9.5px;color:var(--faint);letter-spacing:1px;text-transform:uppercase}.sidebar .logo-img{height:30px;width:auto}.sidebar .logo-tag{font-size:10px;font-weight:800;color:var(--accent);letter-spacing:1.5px;text-transform:uppercase;border:1px solid var(--accent);border-radius:5px;padding:2px 6px;margin-left:2px}.login-logo{display:block;height:44px;margin:0 auto 14px}.thread-back{display:none;padding:4px;margin-left:-6px}.thread-info{display:none;padding:4px}.sheet-close,.pause-banner{display:none}.theme-seg{display:inline-flex;background:var(--surface-3);border-radius:10px;padding:3px}.theme-seg button{border:none;background:transparent;border-radius:8px;padding:5px 14px;font-size:12px}.theme-seg button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1)}.nav-label{padding:14px 18px 6px;font-size:10px;font-weight:700;color:var(--faint);text-transform:uppercase;letter-spacing:1px}.nav-item{display:flex;align-items:center;gap:10px;margin:1px 10px;padding:8px 10px;border-radius:var(--radius-s);color:var(--text-2);font-size:13px;font-weight:500;text-decoration:none;position:relative;transition:background .12s,color .12s}.nav-item:hover{background:var(--surface-3);color:var(--text);text-decoration:none}.nav-item.active{background:var(--accent-soft);color:var(--accent-dark);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:3px;border-radius:2px;background:var(--accent)}.nav-item svg{width:16px;height:16px;flex-shrink:0;opacity:.8}.nav-item .badge{margin-left:auto;background:var(--wa);color:#fff;border-radius:10px;font-size:10px;font-weight:700;padding:1px 7px;line-height:1.5}.nav-item .dot{margin-left:auto;width:7px;height:7px;border-radius:50%;background:var(--yellow);box-shadow:0 0 8px #d19e0080}.sidebar .footer{margin-top:auto;padding:12px 14px;border-top:1px solid var(--border)}.pause-pill{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:var(--radius-s);font-size:11.5px;font-weight:600;background:#fdeef2;color:var(--red);border:1px solid #f9cfda}.pause-pill.live{background:var(--wa-soft);color:var(--wa-dark);border-color:#b7f0cd}.pause-pill .pulse{width:7px;height:7px;border-radius:50%;background:currentColor;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.sidebar .user{display:flex;align-items:center;gap:9px;padding:8px 4px 0}.sidebar .user .avatar{width:26px;height:26px;font-size:11px}.sidebar .user .name{font-size:12px;font-weight:600}.sidebar .user .role{font-size:10px;color:var(--muted)}.sidebar .logout{margin-left:auto;color:var(--muted);background:none;border:none;padding:4px;border-radius:6px;cursor:pointer}.sidebar .logout:hover{color:var(--red);background:var(--surface-3)}.sidebar .logout svg{width:15px;height:15px;display:block}.main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.page{flex:1;overflow-y:auto;padding:22px 26px}.page-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}.page-head h1{font-size:19px;font-weight:800;letter-spacing:-.4px}.page-head .sub{color:var(--muted);font-size:12.5px}.page-head .actions{margin-left:auto;display:flex;gap:8px}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:18px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow-1)}.stat .label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;font-weight:600}.stat .value{font-size:24px;font-weight:800;margin-top:4px;letter-spacing:-.5px}.stat .value.accent{color:var(--accent)}.stat .value.green{color:var(--green)}.stat .value.yellow{color:var(--yellow)}.stat .value.red{color:var(--red)}.stat .delta{font-size:11px;color:var(--muted);margin-top:2px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:14px;box-shadow:var(--shadow-1)}.card-title{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px}.card.flush{padding:0;overflow:hidden}button,.btn{background:var(--surface);color:var(--text-2);border:1px solid var(--border-strong);border-radius:var(--radius-s);padding:7px 14px;font-size:12.5px;font-weight:600;font-family:var(--font);cursor:pointer;transition:all .12s;display:inline-flex;align-items:center;gap:6px}button:hover,.btn:hover{border-color:var(--accent);color:var(--text);background:var(--surface-2)}button.primary,.btn.primary{background:var(--wa);border-color:var(--wa);color:#fff}button.primary:hover{background:var(--wa-dark);border-color:var(--wa-dark)}button.brand{background:var(--accent);border-color:var(--accent);color:#fff}button.brand:hover{background:var(--accent-dark);border-color:var(--accent-dark)}button.success{background:var(--wa-soft);border-color:#b7f0cd;color:var(--wa-dark)}button.warn{background:#fdf6e3;border-color:#f0ddb0;color:var(--yellow)}button.danger{color:var(--red)}button.danger:hover{border-color:#f9cfda;background:#fdeef2}button.ghost{background:transparent;border-color:transparent}button.ghost:hover{background:var(--surface-3)}button.sm,.btn.sm{padding:4px 10px;font-size:11.5px}button:disabled{opacity:.4;cursor:not-allowed}input,select,textarea{background:var(--surface);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-s);padding:8px 11px;font-size:13px;font-family:var(--font);width:100%;transition:border-color .12s,box-shadow .12s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--wa);box-shadow:0 0 0 3px #00a8841f}input::placeholder,textarea::placeholder{color:var(--faint)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23667781' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}label.field{display:block;margin-bottom:12px}label.field>span{display:block;font-size:11.5px;font-weight:600;color:var(--muted);margin-bottom:5px}.chip{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:20px;font-size:11px;font-weight:600;border:1px solid var(--border);color:var(--text-2);background:var(--surface-2);white-space:nowrap}.chip:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.7}.chip.green{color:var(--wa-dark);border-color:#b7f0cd;background:var(--wa-soft)}.chip.yellow{color:#9a7300;border-color:#f0ddb0;background:#fdf6e3}.chip.red{color:var(--red);border-color:#f9cfda;background:#fdeef2}.chip.blue{color:var(--blue);border-color:#c7ddfa;background:#eef5fe}.chip.orange{color:var(--accent-dark);border-color:#f6dcc0;background:var(--accent-soft)}.chip.purple{color:var(--purple);border-color:#ddd1f8;background:#f3effe}.chip.cyan{color:var(--wa-dark);border-color:#b7f0cd;background:var(--wa-soft)}.chip.plain:before{display:none}.badge{background:var(--wa);color:#fff;border-radius:10px;font-size:10px;padding:1px 7px;font-weight:700}.tbl-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-1)}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--muted);font-weight:700;font-size:10.5px;text-transform:uppercase;letter-spacing:.7px;padding:10px 14px;background:var(--surface-2);border-bottom:1px solid var(--border)}td{padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:middle}tbody tr{transition:background .1s}tbody tr:hover td{background:var(--surface-2)}tbody tr:last-child td{border-bottom:none}td .primary-text{font-weight:600}td .secondary-text{color:var(--muted);font-size:11.5px}.muted{color:var(--muted)}.accent{color:var(--accent)}.faint{color:var(--faint)}.small{font-size:12px}.xs{font-size:11px}.mono{font-family:var(--mono);font-size:12px}.row{display:flex;gap:8px;align-items:center}.grow{flex:1;min-width:0}.mt{margin-top:8px}.mt-2{margin-top:14px}.mb{margin-bottom:8px}.mb-2{margin-bottom:14px}.right{text-align:right}.avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff;background:linear-gradient(135deg,#ffb25e,var(--accent))}.avatar.gray{background:var(--surface-3);color:var(--muted)}.avatar.a0{background:#00a884}.avatar.a1{background:#2b7de9}.avatar.a2{background:#8b5cf6}.avatar.a3{background:#f2871d}.avatar.a4{background:#d64a8f}.avatar.a5{background:#0e9aa7}.empty{padding:40px 20px;text-align:center;color:var(--muted)}.empty .big{font-size:15px;font-weight:600;color:var(--text-2);margin-bottom:6px}.empty svg{width:34px;height:34px;opacity:.35;margin-bottom:10px}.filters{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.filters input{width:240px}.filters select{width:auto;min-width:140px}.kv{display:flex;justify-content:space-between;align-items:baseline;padding:6px 0;font-size:12.5px;border-bottom:1px solid var(--border)}.kv:last-child{border-bottom:none}.kv .k{color:var(--muted)}.kv .v{font-weight:500;text-align:right}.divider{height:1px;background:var(--border);margin:12px 0}.conv-grid{display:grid;grid-template-columns:340px 1fr 320px;flex:1;min-height:0}.conv-list{border-right:1px solid var(--border);display:flex;flex-direction:column;background:var(--surface);min-height:0}.conv-list-head{padding:10px 12px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.conv-list-head input{background:var(--surface-3);border:none;border-radius:8px;padding:7px 12px 7px 34px;font-size:13px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none'%3E%3Ccircle cx='6' cy='6' r='5' stroke='%23667781' stroke-width='1.6'/%3E%3Cpath d='M10.5 10.5L13 13' stroke='%23667781' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:10px center}.conv-list-head input:focus{background-color:var(--surface);box-shadow:none;border:none}.conv-tabs{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.conv-tab{border:none;background:var(--surface-3);color:var(--muted);border-radius:20px;padding:4px 11px;font-size:11.5px;font-weight:600}.conv-tab:hover{background:var(--border);color:var(--text-2)}.conv-tab.active{background:var(--wa-soft);color:var(--wa-dark)}.conv-tab .n{background:var(--wa);color:#fff;border-radius:9px;font-size:9.5px;padding:0 5px;margin-left:4px}.stage-sel{margin-left:auto;border:none;background:var(--surface-3);border-radius:8px;font-size:11.5px;width:auto;min-width:110px;padding:4px 24px 4px 10px}.conv-items{flex:1;overflow-y:auto;min-height:0}.conv-item{display:flex;gap:10px;padding:12px 14px;cursor:pointer;position:relative;transition:background .1s}.conv-item:hover{background:var(--surface-3)}.conv-item.active{background:#f0f2f5}.conv-item .avatar{width:42px;height:42px;font-size:15px}.conv-item .body{flex:1;min-width:0;padding-top:2px;border-bottom:1px solid var(--border);padding-bottom:12px}.conv-item:last-child .body{border-bottom:none}.conv-item .name{font-weight:600;font-size:14px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-item .preview{color:var(--muted);font-size:12.5px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-item .tags{display:flex;gap:4px;margin-top:5px;flex-wrap:wrap}.conv-item .time{font-size:11px;color:var(--faint);flex-shrink:0;padding-top:3px}.conv-item .time.unread{color:var(--wa);font-weight:700}.thread{display:flex;flex-direction:column;min-height:0;background:var(--wa-bg)}.thread-head{display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--surface-3);border-bottom:1px solid var(--border)}.thread-head .avatar{width:40px;height:40px;font-size:14px}.thread-head .title{font-weight:600;font-size:14.5px}.thread-head .meta{color:var(--muted);font-size:12px}.thread-scroll{flex:1;overflow-y:auto;padding:20px 56px;min-height:0;background-color:var(--wa-bg);background-image:radial-gradient(circle at 20% 30%,rgba(0,0,0,.014) 1px,transparent 1px),radial-gradient(circle at 70% 60%,rgba(0,0,0,.014) 1px,transparent 1px),radial-gradient(circle at 45% 80%,rgba(0,0,0,.012) 1px,transparent 1px);background-size:90px 90px,120px 120px,150px 150px}.day-sep{text-align:center;margin:16px 0 14px}.day-sep span{background:#fcf5eb;color:var(--muted);font-size:11px;font-weight:600;padding:4px 12px;border-radius:8px;box-shadow:var(--shadow-1);text-transform:none;letter-spacing:0}.msg-row{display:flex;margin-bottom:4px}.msg-row.in{justify-content:flex-start}.msg-row.out{justify-content:flex-end}.msg{max-width:62%;padding:7px 9px 6px;border-radius:7.5px;font-size:13.8px;line-height:1.4;white-space:pre-wrap;word-break:break-word;position:relative;box-shadow:0 1px .5px #0b141a21}.msg.in{background:var(--wa-in);border-top-left-radius:0}.msg.out{background:var(--wa-out);border-top-right-radius:0}.msg:before{content:"";position:absolute;top:0;width:0;height:0;border:4px solid transparent}.msg.in:before{left:-8px;border-top-color:var(--wa-in);border-right-color:var(--wa-in)}.msg.out:before{right:-8px;border-top-color:var(--wa-out);border-left-color:var(--wa-out)}.msg .meta{float:right;font-size:10.5px;color:var(--faint);margin:8px 0 -2px 12px;display:inline-flex;gap:4px;align-items:center}.msg .meta .chip{font-size:9.5px;padding:0 6px}.msg .tick svg{width:15px;height:15px;display:block}.msg .tick .c2{stroke:var(--faint)}.msg .tick.read .c2{stroke:var(--tick-blue)}.draft-card{max-width:78%;margin:10px auto 14px;background:#fffdf5;border:1px solid #f0ddb0;border-radius:10px;padding:12px 14px;box-shadow:var(--shadow-2)}.draft-card .draft-tag{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;color:var(--yellow);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px}.draft-card.manual{background:#fbf9ff;border-color:#ddd1f8}.draft-card.manual .draft-tag{color:var(--purple)}.draft-card textarea{background:var(--surface);margin-bottom:8px;font-size:13px;line-height:1.5;resize:vertical}.draft-card .draft-actions{display:flex;gap:8px;flex-wrap:wrap}.draft-card .meta{font-size:10.5px;color:var(--muted);margin-top:8px}.msg.suppressed{background:transparent;border:1px dashed #f0b8c8;color:var(--muted);font-size:12px;max-width:78%;margin:8px auto;box-shadow:none}.composer{padding:8px 16px;background:var(--surface-3);display:flex;gap:8px;align-items:flex-end}.composer textarea{flex:1;resize:none;height:42px;padding:10px 14px;border:none;border-radius:8px;background:var(--surface);font-size:14px}.composer textarea:focus{box-shadow:none;border:none;outline:none}.composer .send-btn{width:42px;height:42px;border-radius:50%;background:var(--wa);border:none;padding:0;display:grid;place-items:center;flex-shrink:0}.composer .send-btn:hover{background:var(--wa-dark)}.composer .send-btn svg{width:18px;height:18px;fill:#fff}.composer .hint{font-size:10.5px;color:var(--faint)}.detail-panel{border-left:1px solid var(--border);overflow-y:auto;padding:16px;background:var(--surface);min-height:0}.detail-panel .lead-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.detail-panel .lead-head .avatar{width:44px;height:44px;font-size:16px}.detail-panel .lead-head .name{font-weight:700;font-size:15px}.detail-panel .lead-head .sub{color:var(--muted);font-size:11.5px}.score-ring{display:flex;align-items:center;gap:12px}.score-num{font-size:30px;font-weight:800;letter-spacing:-1px}.score-num.good{color:var(--green)}.score-num.mid{color:var(--yellow)}.score-num.bad{color:var(--red)}.login2{display:flex;min-height:100vh}.login2-brand{flex:1.1;display:flex;flex-direction:column;justify-content:center;padding:60px 64px;color:#fff;position:relative;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 80% -10%,rgba(242,135,29,.35),transparent),radial-gradient(ellipse 60% 50% at 0% 100%,rgba(0,168,132,.18),transparent),linear-gradient(160deg,#16294a,#101f3a 55%,#0c1830)}.login2-brand:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,#000 30%,transparent 75%)}.login2-brand .brand-logo{height:52px;width:auto;align-self:flex-start}.login2-brand .brand-tag{font-size:17px;line-height:1.55;color:#ffffffd1;margin:26px 0 30px;max-width:420px;font-weight:500}.brand-feats{list-style:none;display:flex;flex-direction:column;gap:12px}.brand-feats li{display:flex;align-items:center;gap:10px;font-size:13.5px;color:#ffffffbf}.brand-feats li:before{content:"";width:18px;height:18px;flex-shrink:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Ccircle cx='9' cy='9' r='8' fill='rgba(0,168,132,.25)'/%3E%3Cpath d='M5.5 9.2l2.4 2.4 4.6-5' stroke='%2300d4a0' stroke-width='1.8' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}.login2-brand .brand-by{margin-top:auto;padding-top:40px;display:flex;align-items:center;gap:8px;font-size:13px;color:#ffffff80}.login2-brand .brand-by img{height:16px;filter:brightness(0) invert(1);opacity:.8}.login2-form-side{width:460px;flex-shrink:0;display:grid;place-items:center;padding:40px 32px;background:var(--surface)}.login2-form{width:340px}.login2-form .form-mark{display:none;height:40px;margin-bottom:16px}.login2-form h1{font-size:24px;font-weight:800;letter-spacing:-.5px}.login2-form .form-sub{color:var(--muted);font-size:13.5px;margin:6px 0 26px}.login2-form .field{margin-bottom:16px}.login2-form input{padding:11px 13px;font-size:14px;border-radius:10px}.login2-form .error{background:#fdeef2;border:1px solid #f9cfda;color:var(--red);border-radius:var(--radius-s);padding:9px 12px;font-size:12.5px;margin-bottom:14px}.login2-form .login-btn{width:100%;justify-content:center;padding:12px;font-size:14px;border-radius:10px;margin-top:4px}.login2-form .form-foot{margin-top:28px;text-align:center;font-size:11.5px;color:var(--faint)}[data-theme=dark] .login2-form-side{background:var(--bg)}@media(max-width:900px){.login2{flex-direction:column}.login2-brand{padding:44px 28px 30px;flex:none}.login2-brand .brand-logo{height:38px}.login2-brand .brand-tag{font-size:14.5px;margin:16px 0 18px}.brand-feats{display:none}.login2-brand .brand-by{padding-top:18px}.login2-form-side{width:100%;flex:1;place-items:start center}.login2-form{margin-top:40px}}.funnel{display:flex;align-items:center;gap:0;margin:8px 0}.funnel .step{flex:1;text-align:center;padding:10px 6px;background:var(--surface-2);border:1px solid var(--border);position:relative}.funnel .step:first-child{border-radius:var(--radius-s) 0 0 var(--radius-s)}.funnel .step:last-child{border-radius:0 var(--radius-s) var(--radius-s) 0}.funnel .step .n{font-size:18px;font-weight:800}.funnel .step .l{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.progress{height:5px;background:var(--surface-3);border-radius:3px;overflow:hidden}.progress>div{height:100%;background:var(--wa);border-radius:3px;transition:width .3s}.pipe-page{overflow:hidden;display:flex;flex-direction:column}.pipe-board{display:flex;gap:12px;flex:1;min-height:0;overflow-x:auto;padding-bottom:10px}.pipe-col{width:264px;flex-shrink:0;display:flex;flex-direction:column;background:var(--surface-3);border-radius:var(--radius);min-height:0}.pipe-col-head{display:flex;align-items:center;gap:8px;padding:10px 12px;font-size:12px;font-weight:700;position:sticky;top:0}.pipe-col-head .dot{width:8px;height:8px;border-radius:50%}.pipe-col-head .dot.blue{background:var(--blue)}.pipe-col-head .dot.green{background:var(--green)}.pipe-col-head .dot.purple{background:var(--purple)}.pipe-col-head .dot.orange{background:var(--orange)}.pipe-col-head .dot.red{background:var(--red)}.pipe-col-head .cnt{margin-left:auto;color:var(--muted);font-weight:600;font-size:11px;background:var(--surface);border-radius:10px;padding:1px 8px}.pipe-col-items{flex:1;overflow-y:auto;padding:4px 8px 10px;display:flex;flex-direction:column;gap:7px}.pipe-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-s);padding:10px 11px;cursor:pointer;box-shadow:var(--shadow-1);transition:border-color .12s,box-shadow .12s}.pipe-card:hover{border-color:var(--wa);box-shadow:var(--shadow-2)}.pipe-card .name{font-weight:600;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pipe-card .time{font-size:10.5px;color:var(--faint)}.pipe-card .sub{color:var(--muted);font-size:11.5px;margin-top:4px}.pipe-card .tags{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}.pipe-empty{text-align:center;color:var(--faint);font-size:11.5px;padding:18px 0}@media(max-width:1080px){.conv-grid{grid-template-columns:320px 1fr}.detail-panel{display:none}.detail-panel.mobile-open{display:block;position:fixed;top:0;right:0;bottom:0;width:min(360px,92vw);z-index:60;padding-top:52px;box-shadow:-8px 0 30px #0b141a40;border-left:1px solid var(--border);background:var(--surface)}.detail-panel.mobile-open .sheet-close{display:inline-flex;position:absolute;top:12px;right:12px;padding:6px}.thread-info{display:inline-flex}.pause-banner{display:block;font-size:11.5px;font-weight:600;color:var(--red);background:#fdeef2;border:1px solid #f9cfda;border-radius:8px;padding:6px 10px}}@media(max-width:760px){.shell{flex-direction:column}.sidebar{order:2;width:100%;height:56px;flex-direction:row;align-items:center;border-right:none;border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.sidebar .logo,.sidebar .nav-label,.sidebar .footer,.sidebar .logo-tag,.sidebar .logo-img{display:none}.nav-item{flex:1;margin:0 2px;padding:8px 4px;flex-direction:column;gap:3px;justify-content:center;font-size:9px;text-align:center}.nav-item.active:before{display:none}.nav-item .badge{position:absolute;top:4px;right:calc(50% - 22px);margin-left:0}.main{order:1}.page{padding:14px 14px 20px}.page-head h1{font-size:17px}.conv-grid{display:flex;flex-direction:column;min-height:0}.conv-list{flex:1;border-right:none;min-height:0}.conv-grid.has-sel .conv-list{display:none}.conv-grid:not(.has-sel) .thread{display:none}.thread{flex:1;min-height:0}.thread-back{display:inline-flex}.thread-scroll{padding:14px 10px}.msg{max-width:82%}.draft-card{max-width:96%}.composer{padding:6px 8px;flex-shrink:0;padding-bottom:calc(6px + env(safe-area-inset-bottom))}.composer textarea{font-size:16px}.stat-row{grid-template-columns:repeat(2,1fr)}.tbl-wrap{overflow-x:auto}table{min-width:560px}}.toast{position:fixed;bottom:20px;right:20px;z-index:100;background:var(--text);color:#fff;border-radius:var(--radius);padding:10px 16px;font-size:12.5px;box-shadow:var(--shadow-pop);display:flex;align-items:center;gap:8px}[data-theme=dark]{--bg: #111b21;--surface: #202c33;--surface-2: #2a3942;--surface-3: #111b21;--border: #2a3942;--border-strong: #3b4a54;--text: #e9edef;--text-2: #d1d7db;--muted: #8696a0;--faint: #667781;--accent-soft: rgba(242,135,29,.16);--wa-soft: rgba(0,168,132,.15);--wa-bg: #0b141a;--wa-in: #202c33;--wa-out: #005c4b;--shadow-1: 0 1px 2px rgba(0,0,0,.4);--shadow-2: 0 2px 10px rgba(0,0,0,.45);--shadow-pop: 0 6px 24px rgba(0,0,0,.6)}[data-theme=dark] .conv-list-head input,[data-theme=dark] .conv-tab,[data-theme=dark] .stage-sel{background:var(--surface)}[data-theme=dark] .conv-list-head input:focus{background:var(--surface-2)}[data-theme=dark] .conv-tab:hover,[data-theme=dark] .conv-item:hover{background:var(--surface-2)}[data-theme=dark] .conv-item.active{background:#2a3942}[data-theme=dark] .thread-head,[data-theme=dark] .composer{background:var(--surface)}[data-theme=dark] .composer textarea{background:var(--surface-2);color:var(--text)}[data-theme=dark] .day-sep span{background:#182229;box-shadow:0 1px 2px #0006}[data-theme=dark] .msg .meta{color:var(--muted)}[data-theme=dark] .draft-card{background:#233029;border-color:#4a5d23}[data-theme=dark] .draft-card.manual{background:#28243a;border-color:#4c3f78}[data-theme=dark] .msg.suppressed{border-color:#ea003866}[data-theme=dark] .detail-panel .card,[data-theme=dark] .card{box-shadow:none}[data-theme=dark] .login-bg{background:radial-gradient(ellipse 60% 50% at 20% 10%,rgba(242,135,29,.1),transparent),radial-gradient(ellipse 50% 40% at 80% 90%,rgba(0,168,132,.08),transparent),var(--bg)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:var(--surface-2);border-color:var(--border-strong);color:var(--text)}[data-theme=dark] .conv-list-head input{background:var(--surface)}[data-theme=dark] .pipe-col{background:var(--surface-3)}[data-theme=dark] .pipe-col-head .cnt{background:var(--surface-2)}[data-theme=dark] .pause-pill{background:#ea00381f;border-color:#ea00384d}[data-theme=dark] .pause-pill.live{background:var(--wa-soft);border-color:#00a8844d}[data-theme=dark] .pause-banner{background:#ea00381f;border-color:#ea00384d;color:var(--red)}[data-theme=dark] .theme-seg button.active{background:var(--surface-2)}[data-theme=dark] .chip{background:var(--surface-2);border-color:var(--border-strong)}[data-theme=dark] .chip.green,[data-theme=dark] .chip.cyan{background:var(--wa-soft);border-color:#00a8844d;color:var(--green)}[data-theme=dark] .chip.yellow{background:#d19e001f;border-color:#d19e0059}[data-theme=dark] .chip.red{background:#ea00381f;border-color:#ea00384d}[data-theme=dark] .chip.blue{background:#2b7de91f;border-color:#2b7de94d}[data-theme=dark] .chip.orange{background:var(--accent-soft);border-color:#f2871d4d;color:var(--accent)}[data-theme=dark] .chip.purple{background:#8b5cf61f;border-color:#8b5cf64d}[data-theme=dark] button:hover:not(.primary):not(.send-btn),[data-theme=dark] .btn:hover{background:var(--surface-2)}[data-theme=dark] button,[data-theme=dark] .btn{background:var(--surface-2);border-color:var(--border-strong);color:var(--text-2)}[data-theme=dark] button.primary{background:var(--wa);border-color:var(--wa);color:#fff}[data-theme=dark] button.ghost{background:transparent}[data-theme=dark] .login-card{box-shadow:var(--shadow-pop)}[data-theme=dark] *::-webkit-scrollbar-thumb{background:#374045}