:root{--bg:#fff;--surface:#fff;--surface-2:#f7f6f3;--surface-3:#efeeec;--border:#ebeae8;--border-strong:#dcdbd8;--text:#37352f;--muted:#787774;--faint:#9b9a97;--accent:#2383e2;--accent-hover:#1a76d1;--accent-soft:#2383e21c;--danger:#e0524b;--danger-soft:#e0524b1a;--ok:#2f855a;--ok-soft:#2f855a1f;--radius:6px;--radius-sm:5px;--shadow:0 1px 3px #0f0f0f14, 0 8px 24px -12px #0f0f0f29;--font:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#191919;--surface:#202020;--surface-2:#252525;--surface-3:#2c2c2c;--border:#2f2f2f;--border-strong:#3a3a3a;--text:#d4d4d4;--muted:#9b9b9b;--faint:#6f6f6f;--accent:#529cca;--accent-hover:#6bb0da;--accent-soft:#529cca24;--danger:#e0776f;--danger-soft:#e0776f21;--ok:#6fbf8e;--ok-soft:#6fbf8e24;--shadow:0 1px 3px #0006, 0 10px 30px -14px #0009}}:root[data-theme=light]{--bg:#fff;--surface:#fff;--surface-2:#f7f6f3;--surface-3:#efeeec;--border:#ebeae8;--border-strong:#dcdbd8;--text:#37352f;--muted:#787774;--faint:#9b9a97;--accent:#2383e2;--accent-hover:#1a76d1;--accent-soft:#2383e21c;--danger:#e0524b;--danger-soft:#e0524b1a;--ok:#2f855a;--ok-soft:#2f855a1f;--shadow:0 1px 3px #0f0f0f14,0 8px 24px -12px #0f0f0f29}:root[data-theme=dark]{--bg:#191919;--surface:#202020;--surface-2:#252525;--surface-3:#2c2c2c;--border:#2f2f2f;--border-strong:#3a3a3a;--text:#d4d4d4;--muted:#9b9b9b;--faint:#6f6f6f;--accent:#529cca;--accent-hover:#6bb0da;--accent-soft:#529cca24;--danger:#e0776f;--danger-soft:#e0776f21;--ok:#6fbf8e;--ok-soft:#6fbf8e24;--shadow:0 1px 3px #0006,0 10px 30px -14px #0009}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.6}h1,h2,h3{letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:650}a{color:var(--accent);text-decoration:none}button{font-family:inherit}.app{flex-direction:column;min-height:100%;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--bg);z-index:10;align-items:center;gap:16px;height:54px;padding:0 22px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.01em;align-items:center;gap:9px;font-weight:700;display:flex}.brand-dot{background:var(--accent);border-radius:5px;width:20px;height:20px}.brand small{color:var(--faint);letter-spacing:0;font-weight:500}.topbar-spacer{flex:1}.topbar .user{color:var(--muted);font-size:13px}.container{flex:1;width:100%;max-width:960px;margin:0 auto;padding:40px 28px 96px}.auth-wrap{place-items:center;min-height:100%;padding:24px;display:grid}.auth-card{background:var(--surface);border:1px solid var(--border);width:100%;max-width:380px;box-shadow:var(--shadow);border-radius:10px;padding:34px 30px}.auth-card .brand{justify-content:center;margin-bottom:6px;font-size:19px}.auth-sub{text-align:center;color:var(--muted);margin-bottom:24px;font-size:13.5px}.auth-toggle{background:var(--surface-2);border-radius:var(--radius);gap:2px;margin-bottom:22px;padding:3px;display:flex}.auth-toggle button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:1;padding:8px;font-size:14px;font-weight:550;transition:all .12s}.auth-toggle button.on{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #0f0f0f1a}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field label{color:var(--text);font-size:13px;font-weight:550}.field .hint{color:var(--faint);font-size:12px;line-height:1.5}input,textarea,select{background:var(--surface);border:1px solid var(--border-strong);width:100%;color:var(--text);border-radius:var(--radius);padding:8px 11px;font-family:inherit;font-size:14px;transition:border-color .12s,box-shadow .12s}input::placeholder,textarea::placeholder{color:var(--faint)}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}textarea{resize:vertical;min-height:88px;line-height:1.55}.btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;padding:8px 14px;font-size:14px;font-weight:550;transition:all .12s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-ghost{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.btn-danger{background:var(--danger-soft);color:var(--danger)}.btn-danger:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 18%, transparent)}.btn-sm{padding:5px 10px;font-size:13px}.btn-block{width:100%}.btn-link{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:13px}.btn-link:hover{color:var(--text)}.page-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px;display:flex}.page-head h1{font-size:30px;font-weight:700}.page-head p{color:var(--muted);margin:5px 0 0;font-size:14px}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.bot-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:18px;transition:all .14s}.bot-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow)}.bot-card h3{margin-bottom:3px;font-size:16px}.bot-card .bot-brand{color:var(--muted);font-size:13px}.bot-card .bot-meta{color:var(--faint);align-items:center;gap:8px;margin-top:16px;font-size:12px;display:flex}.pill{border-radius:999px;align-items:center;gap:5px;padding:2px 9px;font-size:11.5px;font-weight:550;display:inline-flex}.pill:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.pill.on{background:var(--ok-soft);color:var(--ok)}.pill.off{background:var(--surface-3);color:var(--faint)}.empty{border:1px dashed var(--border-strong);text-align:center;color:var(--muted);border-radius:8px;padding:56px 24px}.empty h3{color:var(--text);margin-bottom:8px}.back{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-bottom:18px;font-size:13px;display:inline-flex}.back:hover{color:var(--text)}.tabs{border-bottom:1px solid var(--border);gap:2px;margin-bottom:26px;display:flex;overflow-x:auto}.tabs button{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:9px 12px;font-size:14px;font-weight:550;transition:all .12s}.tabs button:hover{color:var(--text)}.tabs button.on{color:var(--text);border-bottom-color:var(--text)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:22px}.panel+.panel{margin-top:14px}.panel h2{margin-bottom:4px;font-size:15px}.panel .panel-sub{color:var(--muted);margin-bottom:18px;font-size:13px;line-height:1.5}.row2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.seg{background:var(--surface-2);border-radius:var(--radius);gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:6px 13px;font-size:13px;font-weight:550}.seg button.on{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #0f0f0f14}.toggle-row{justify-content:space-between;align-items:center;padding:13px 0;display:flex}.switch{background:var(--surface-3);border:1px solid var(--border-strong);cursor:pointer;border-radius:999px;flex-shrink:0;width:40px;height:24px;transition:all .16s;position:relative}.switch.on{background:var(--accent);border-color:var(--accent)}.switch:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .16s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.switch.on:after{transform:translate(16px)}.save-bar{background:linear-gradient(to top, var(--bg) 60%, transparent);justify-content:flex-end;align-items:center;gap:12px;margin-top:16px;padding:14px 0;display:flex;position:sticky;bottom:0}.table-wrap{border:1px solid var(--border);border-radius:8px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:620px}th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--faint);border-bottom:1px solid var(--border);background:var(--surface-2);padding:10px 14px;font-size:11.5px;font-weight:600}td{border-bottom:1px solid var(--border);vertical-align:middle;padding:6px 10px}tr:last-child td{border-bottom:0}td input{padding:6px 9px;font-size:13px}.num{font-variant-numeric:tabular-nums}td.actions{text-align:right;white-space:nowrap}.banner{border-radius:var(--radius);margin-bottom:16px;padding:10px 14px;font-size:13px}.banner.err{background:var(--danger-soft);color:var(--danger)}.banner.ok{background:var(--ok-soft);color:var(--ok)}.loading{color:var(--muted);text-align:center;padding:40px}.copy-field{align-items:center;gap:8px;display:flex}.copy-field code{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--muted);white-space:nowrap;flex:1;padding:7px 11px;font-size:12.5px;overflow-x:auto}.conn-row{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:12px;padding:11px 14px;display:flex}.conn-row a{font-weight:600}.muted{color:var(--muted)}.dlg{border:1px solid var(--border);border-radius:8px;grid-template-columns:300px 1fr;min-height:520px;display:grid;overflow:hidden}.dlg-list{border-right:1px solid var(--border);max-height:620px;overflow-y:auto}.dlg-item{text-align:left;border:0;border-bottom:1px solid var(--border);cursor:pointer;background:0 0;width:100%;padding:12px 15px;transition:all .1s;display:block}.dlg-item:hover{background:var(--surface-2)}.dlg-item.on{background:var(--accent-soft)}.dlg-item-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.dlg-name{color:var(--text);font-size:14px;font-weight:600}.dlg-when{color:var(--faint);white-space:nowrap;font-size:11.5px}.dlg-item-sub{color:var(--faint);flex-wrap:wrap;align-items:center;gap:7px;margin-top:5px;font-size:11.5px;display:flex}.dlg-status{color:var(--muted)}.dlg-thread{flex-direction:column;max-height:620px;display:flex}.dlg-head{border-bottom:1px solid var(--border);padding:13px 18px;font-size:14px}.dlg-msgs{flex-direction:column;flex:1;gap:10px;padding:18px;display:flex;overflow-y:auto}.dlg-empty{color:var(--faint);text-align:center;margin:auto;padding:60px 20px}.bubble{border-radius:12px;max-width:76%;padding:8px 12px;font-size:13.5px;line-height:1.5}.bubble.in{background:var(--surface-2);border:1px solid var(--border);border-bottom-left-radius:3px;align-self:flex-start}.bubble.out{background:var(--accent);color:#fff;border-bottom-right-radius:3px;align-self:flex-end}.bubble-txt{white-space:pre-wrap;word-break:break-word}.bubble-meta{opacity:.7;margin-top:3px;font-size:10.5px}.dlg-input input{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text);font:inherit;padding:9px 12px}.dlg-input input:focus{border-color:var(--accent);outline:none}@media (width<=720px){.dlg{grid-template-columns:1fr}.dlg-list{max-height:240px}}@media (width<=640px){.row2{grid-template-columns:1fr}.container{padding:24px 16px 72px}.page-head h1{font-size:24px}}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin-top:8px;display:grid}.photo-card{border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:8px;padding:10px;display:flex}.photo-thumb{aspect-ratio:1;background:var(--surface-2);border-radius:6px;justify-content:center;align-items:center;display:flex;overflow:hidden}.photo-thumb img{object-fit:cover;width:100%;height:100%}.photo-empty{color:var(--faint);font-size:12px}.photo-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.photo-actions{flex-wrap:wrap;gap:6px;display:flex}.pipe-board{align-items:flex-start;gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.pipe-col{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;flex-direction:column;flex:0 0 232px;min-width:232px;max-height:64vh;display:flex}.pipe-col.over{border-color:var(--accent);background:var(--accent-soft)}.pipe-colhead{border-top:3px solid var(--accent);border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:9px 12px;font-size:13px;font-weight:650;display:flex}.pipe-list{flex-direction:column;gap:8px;padding:0 8px 8px;display:flex;overflow-y:auto}.pipe-empty{text-align:center;color:var(--faint);padding:8px 0;font-size:12px}.pipe-card{background:var(--surface);border:1px solid var(--border);cursor:grab;border-radius:7px;padding:10px;box-shadow:0 1px 2px #0f0f0f0a}.pipe-card:hover{border-color:var(--border-strong)}.pipe-name{font-size:13px;font-weight:600}.pipe-int{color:var(--muted);margin-top:2px;font-size:12px}.pipe-snip{color:var(--faint);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:11px;display:-webkit-box;overflow:hidden}.pipe-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;font-size:11px;display:flex}.pipe-amt{color:var(--ok);font-weight:700}.pipe-lost{color:var(--danger);margin-top:6px;font-size:11px}.drawer-back{z-index:60;background:#0f0f0f66;justify-content:flex-end;display:flex;position:fixed;inset:0}.lead-drawer{background:var(--bg);border-left:1px solid var(--border);flex-direction:column;width:460px;max-width:100vw;height:100vh;animation:.16s slidein;display:flex;box-shadow:-20px 0 50px #0f0f0f2e}@keyframes slidein{0%{opacity:.7;transform:translate(24px)}to{opacity:1;transform:none}}.mini-modal{background:var(--bg);border:1px solid var(--border);width:360px;max-width:calc(100vw - 32px);box-shadow:var(--shadow);border-radius:10px;align-self:center;margin:auto;padding:22px}@media (width<=640px){.lead-drawer{width:100vw}}