:root{--bg: #F4F8F8;--surface: #FFFFFF;--surface-2: #F9FBFB;--ink: #13232B;--muted: #5B6B72;--line: #E1E9EA;--accent: #0E7C7B;--accent-ink: #FFFFFF;--accent-soft: #DDF0EF;--amber: #B7791F;--amber-soft: #FBEBD2;--ok: #1F8A4C;--ok-soft: #DCF1E4;--bad: #B3372F;--bad-soft: #F8DEDC;--side-bg: #0E4F4E;--side-ink: #E8F4F3;--side-muted: #A9CFCC;--side-hover: #145E5C;--side-on: #F5B544;--side-on-ink: #1D2A2C;--c1: #0E7C7B;--c1s: #DDF0EF;--c2: #6D5BD0;--c2s: #ECE9FB;--c3: #E07B39;--c3s: #FCE8DA;--c4: #D2477A;--c4s: #FBE3EC;--radius: 14px;--radius-sm: 10px;--shadow: 0 1px 2px rgb(19 35 43 / .05);--display: "Bricolage Grotesque", Georgia, serif;--body: "Figtree", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--num: var(--display);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #0F1A1E;--surface: #132328;--surface-2: #0A1316;--ink: #DCE7E9;--muted: #8FA3A9;--line: #1F3237;--accent: #3FB8B5;--accent-ink: #0A1316;--accent-soft: #173B3B;--amber: #F0B25A;--amber-soft: #3A2D17;--ok: #5FD0A0;--ok-soft: #143328;--bad: #EE746C;--bad-soft: #3B1D1B;--radius: 6px;--radius-sm: 4px;--shadow: none;--num: var(--mono);--side-bg: #0A1316;--side-ink: #E6F0F2;--side-muted: #9DB2B8;--side-hover: #16272C;--side-on: #3FB8B5;--side-on-ink: #0A1316;--c1: #3FB8B5;--c1s: #173B3B;--c2: #A597F2;--c2s: #262245;--c3: #F29A5C;--c3s: #3A2718;--c4: #EF7FA6;--c4s: #3A1D29}}:root[data-theme=dark]{color-scheme:dark;--bg: #0F1A1E;--surface: #132328;--surface-2: #0A1316;--ink: #DCE7E9;--muted: #8FA3A9;--line: #1F3237;--accent: #3FB8B5;--accent-ink: #0A1316;--accent-soft: #173B3B;--amber: #F0B25A;--amber-soft: #3A2D17;--ok: #5FD0A0;--ok-soft: #143328;--bad: #EE746C;--bad-soft: #3B1D1B;--radius: 6px;--radius-sm: 4px;--shadow: none;--num: var(--mono);--side-bg: #0A1316;--side-ink: #E6F0F2;--side-muted: #9DB2B8;--side-hover: #16272C;--side-on: #3FB8B5;--side-on-ink: #0A1316;--c1: #3FB8B5;--c1s: #173B3B;--c2: #A597F2;--c2s: #262245;--c3: #F29A5C;--c3s: #3A2718;--c4: #EF7FA6;--c4s: #3A1D29}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 var(--body)}h1,h2,h3{margin:0;font-family:var(--display);line-height:1.2;text-wrap:balance}h1{font-size:24px}h2{font-size:18px}h3{font-size:15px}p{margin:0}a{color:var(--accent)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{display:grid;grid-template-columns:232px 1fr;min-height:100%}.side{background:var(--side-bg);color:var(--side-ink);border-right:1px solid var(--line);padding:18px 12px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh}.logo{display:flex;align-items:center;gap:10px;font:700 18px var(--display);padding:0 8px 16px}.logo{color:var(--side-ink)}.logo i{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#f5b544,#3fb8b5)}.nav{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:var(--radius-sm);color:var(--side-ink);text-decoration:none;font-size:15px;font-weight:500;border:0;background:none;cursor:pointer;text-align:left;width:100%}.nav:hover{background:var(--side-hover);color:var(--side-ink)}.nav svg{width:18px;height:18px;flex:none;opacity:.9}.nav .label{flex:1}.nav.on{background:var(--side-on);color:var(--side-on-ink);font-weight:700}.nav .count{font:700 11px var(--mono);background:#e0524a;color:#fff;border-radius:99px;padding:1px 7px}.side .foot{margin-top:auto;display:grid;gap:8px;padding:8px;font-size:13px;color:var(--side-muted)}.side .foot .btn{color:var(--side-ink);border-color:var(--side-muted)}.main{background:radial-gradient(1200px 300px at 100% -80px,var(--c2s),transparent),radial-gradient(900px 260px at 0% -60px,var(--c1s),transparent);padding:24px 28px 60px;display:grid;gap:20px;align-content:start;min-width:0}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.sub{color:var(--muted);font-size:14px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);min-width:0}.grid{display:grid;gap:14px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.kpi b{display:block;font:700 26px var(--num);font-variant-numeric:tabular-nums}.kpi span{color:var(--muted);font-size:13px}.kpis .kpi:nth-child(4n+1){border-top:4px solid var(--c1)}.kpis .kpi:nth-child(4n+1) b{color:var(--c1)}.kpis .kpi:nth-child(4n+2){border-top:4px solid var(--c2)}.kpis .kpi:nth-child(4n+2) b{color:var(--c2)}.kpis .kpi:nth-child(4n+3){border-top:4px solid var(--c3)}.kpis .kpi:nth-child(4n+3) b{color:var(--c3)}.kpis .kpi:nth-child(4n){border-top:4px solid var(--c4)}.kpis .kpi:nth-child(4n) b{color:var(--c4)}.kpi.warn{background:var(--amber-soft);border-color:transparent}.split{display:grid;grid-template-columns:1.5fr 1fr;gap:14px}.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid transparent;border-radius:var(--radius-sm);padding:8px 14px;font-weight:600;font-size:14px;cursor:pointer;background:var(--accent);color:var(--accent-ink)}.btn.ghost{background:transparent;color:var(--accent);border-color:var(--accent)}.btn.plain{background:transparent;color:var(--muted);border-color:var(--line)}.btn.danger{background:transparent;color:var(--bad);border-color:var(--bad)}.btn.sm{padding:5px 10px;font-size:13px}.btn:disabled{opacity:.5;cursor:default}.pill{display:inline-block;font-size:12px;font-weight:600;padding:2px 9px;border-radius:99px;white-space:nowrap}:root[data-theme=dark] .pill{border-radius:4px;font-family:var(--mono)}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.am{background:var(--amber-soft);color:var(--amber)}.pill.bad{background:var(--bad-soft);color:var(--bad)}.pill.neutral{background:var(--surface-2);color:var(--muted);border:1px solid var(--line)}.pill.accent{background:var(--c2s);color:var(--c2)}.banner{background:var(--amber-soft);color:var(--ink);border-radius:var(--radius-sm);padding:10px 14px;font-size:13.5px}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}th{background:var(--c1s);font:600 11.5px var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}tr:last-child td{border-bottom:0}td.num{font-variant-numeric:tabular-nums;font-family:var(--mono);font-size:13px}.muted{color:var(--muted)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.filters{display:flex;gap:8px;flex-wrap:wrap}.field{display:grid;gap:6px}.field label{font-size:13px;font-weight:600}.field .hint{font-size:12.5px;color:var(--muted)}input[type=text],input[type=url],input[type=number],input[type=search],select,textarea{width:100%;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:9px 11px}textarea{min-height:72px;resize:vertical}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--accent-soft);color:var(--accent);border-radius:99px;padding:3px 6px 3px 11px;font-size:13px;font-weight:600}.chip.x{background:var(--bad-soft);color:var(--bad)}.chip button{border:0;background:none;cursor:pointer;color:inherit;font-size:14px;line-height:1;padding:0 4px}.op{font:600 11px var(--mono);color:var(--amber);letter-spacing:.06em}.switch{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.switch input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:36px;height:20px;border-radius:99px;background:var(--line);position:relative;cursor:pointer;transition:background .15s;margin:0}.switch input:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .15s}.switch input:checked{background:var(--accent)}.switch input:checked:after{left:18px}.editor{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.step{display:grid;gap:12px}.step h3{display:flex;gap:10px;align-items:center}.step h3 em{font:600 12px var(--mono);font-style:normal;color:var(--accent);background:var(--accent-soft);border-radius:99px;width:24px;height:24px;display:grid;place-items:center}.phone{position:sticky;top:16px;background:var(--surface);border:1px solid var(--line);border-radius:26px;padding:14px;display:grid;gap:10px}.phone .bar{text-align:center;font-size:12.5px;color:var(--muted);padding-bottom:6px;border-bottom:1px solid var(--line)}.bubble{background:var(--surface-2);border:1px solid var(--line);border-radius:16px 16px 16px 4px;padding:10px;display:grid;gap:8px;font-size:13.5px;max-width:260px;white-space:pre-wrap}.bubble .b{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:6px;text-align:center;color:var(--accent);font-weight:600;font-size:13px}.bubble.me{justify-self:end;background:var(--accent);color:var(--accent-ink);border-color:transparent;border-radius:16px 16px 4px}.caption{font:600 11px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}.post{border:2px solid transparent;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;background:var(--surface-2);aspect-ratio:1;padding:0;position:relative}.post img{width:100%;height:100%;object-fit:cover;display:block}.post.on{border-color:var(--accent)}.post span{position:absolute;left:4px;bottom:4px;font:600 10px var(--mono);background:#0009;color:#fff;padding:1px 5px;border-radius:4px}.seg{display:inline-flex;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.seg button{border:0;background:none;padding:7px 12px;cursor:pointer;font-size:13.5px;color:var(--muted)}.seg button.on{background:var(--accent);color:var(--accent-ink);font-weight:600}.list{display:grid;gap:10px}.item{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px}.spark{width:100%;height:110px;display:block}.toast{position:fixed;bottom:20px;right:20px;background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:var(--radius-sm);font-size:14px;z-index:30}.empty{text-align:center;color:var(--muted);padding:32px 12px}.menubtn{display:none}@media(max-width:900px){.app{grid-template-columns:1fr}.side{position:static;height:auto;flex-direction:row;overflow-x:auto;padding:10px 16px;gap:4px;border-right:0;border-bottom:1px solid var(--line)}.logo{padding:0 8px 0 0}.nav{white-space:nowrap;width:auto}.side .foot{display:none}.main{padding:18px 16px 48px}.split,.editor{grid-template-columns:1fr}.phone{position:static}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.selpost{display:flex;gap:12px;align-items:center;background:var(--c1s);border-radius:var(--radius-sm);padding:10px}.selpost img{width:64px;height:64px;object-fit:cover;border-radius:8px;flex:none}.selpost p{font-size:13px;overflow-wrap:anywhere}.thumb{width:40px;height:40px;object-fit:cover;border-radius:6px;margin-right:10px;flex:none}.threadrow{cursor:pointer}.threadrow:hover td{background:var(--surface-2)}.expander{width:26px;height:26px;border-radius:6px;border:1px solid var(--line);background:var(--surface);cursor:pointer;font-weight:700;color:var(--accent)}tr.steps td{background:var(--surface-2)}.timeline{list-style:none;margin:0;padding:0 0 0 18px;border-left:2px solid var(--line);display:grid;gap:12px}.timeline li{position:relative;display:grid;gap:4px;font-size:14px}.timeline li:before{content:"";position:absolute;left:-25px;top:5px;width:10px;height:10px;border-radius:50%;background:var(--ok);border:2px solid var(--surface-2)}.timeline li.tl-received:before{background:var(--muted)}.timeline li.tl-pending:before{background:var(--amber)}.timeline li.tl-failed:before{background:var(--bad)}.extra{border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px;display:grid;gap:10px;background:var(--surface-2)}.savebar{position:sticky;bottom:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px 16px;box-shadow:0 -6px 20px #00000014}.linkfield{background:var(--c1s);border-radius:var(--radius-sm);padding:10px}.linkfield input{background:var(--surface);border-color:var(--accent)}.igmark{width:40px;height:40px;border-radius:12px;background:radial-gradient(circle at 30% 110%,#fdf497,#fd5949 45%,#d6249f 60%,#285aeb 90%);flex:none}.inbox{display:grid;grid-template-columns:320px minmax(0,1fr);gap:14px;align-items:start}.threads{display:grid;gap:6px;max-height:72vh;overflow-y:auto}.thread{display:grid;gap:4px;text-align:left;border:1px solid transparent;background:none;border-radius:var(--radius-sm);padding:10px;cursor:pointer;color:inherit}.thread:hover{background:var(--surface-2)}.thread.on{background:var(--c1s);border-color:var(--accent)}.snippet{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat{display:grid;gap:12px;min-height:60vh;align-content:start}.msgs{display:grid;gap:8px;max-height:56vh;overflow-y:auto;padding:4px}.bubble .meta{display:block;font-size:11px;opacity:.7;margin-top:4px}@media(max-width:900px){.inbox{grid-template-columns:1fr}}.linklike{border:0;background:none;padding:0;color:var(--accent);font:inherit;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.bubble .who{display:block;font-size:11px;font-weight:700;opacity:.75;margin-bottom:2px}.drawer-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:20;display:flex;justify-content:flex-end}.drawer{width:min(560px,100%);height:100%;overflow-y:auto;background:var(--bg);padding:20px;display:grid;gap:18px;align-content:start;box-shadow:-10px 0 30px #0003}.drawer section{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.pcomment{display:flex;gap:10px;align-items:flex-start;padding:8px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer}.pcomment.on{border-color:var(--accent);background:var(--c1s)}.pcomment input{margin-top:4px}.legend{display:inline-block;width:12px;height:12px;border-radius:3px;margin:0 4px 0 10px;vertical-align:middle}.bubble{overflow-wrap:anywhere}.msgs{overflow-x:hidden}.logo img{border-radius:8px}.logo-to{color:#f5b544;font-size:.7em;margin:0 1px}.login-wrap{min-height:100%;display:grid;place-items:center;padding:24px 16px;background:radial-gradient(900px 400px at 100% 0,var(--c2s),transparent),radial-gradient(900px 400px at 0 100%,var(--c1s),transparent),var(--bg)}.login{width:min(400px,100%);display:grid;gap:14px;padding:28px}.waitsel{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--muted)}.waitsel select{width:auto;padding:4px 8px;font-size:13px}.flowbox{border-left:3px solid var(--accent);background:var(--surface-2);border-radius:var(--radius-sm);padding:10px 12px;display:grid;gap:10px}.pw{width:100%;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:9px 11px}