:root{--bg: #f4f1ea;--bg-2: #fffdf8;--ink: #161513;--muted: #6b655c;--line: #e2ddd3;--accent: #c45c26;--accent-2: #1f3d2b;--ok: #2f6b45;--warn: #9a6b12;--bad: #9b2c2c;--nav: #1a1916;--nav-ink: #f4f1ea;--shadow: 0 1px 0 rgba(22, 21, 19, .06);font-family:IBM Plex Sans,system-ui,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}.app{display:grid;grid-template-columns:220px 1fr;height:100%;min-height:100%}.nav{background:var(--nav);color:var(--nav-ink);padding:28px 16px;display:flex;flex-direction:column;gap:8px}.brand{font-weight:600;letter-spacing:.04em;font-size:13px;text-transform:uppercase;padding:0 10px 24px}.brand small{display:block;color:#9c978c;font-weight:400;letter-spacing:0;text-transform:none;margin-top:6px}.nav button.tab{background:transparent;border:0;text-align:left;color:#c9c3b6;padding:10px 12px;border-radius:8px}.nav button.tab.on,.nav button.tab:hover{background:#2a2824;color:#fff}.nav .spacer{flex:1}.nav .who{font-size:12px;color:#9c978c;padding:12px}.nav .out{background:transparent;border:1px solid #3a3833;color:#ddd8cd;border-radius:8px;padding:8px 12px}.main{padding:24px 28px 16px;overflow:hidden;display:flex;flex-direction:column;min-height:0}.leads-page{display:flex;flex-direction:column;flex:1;min-height:0}.topbar{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px}h1{font-size:22px;font-weight:600;margin:0}.sub{color:var(--muted);font-size:13px;margin-top:4px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}.stat{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;padding:16px 18px;box-shadow:var(--shadow)}.stat b{display:block;font-size:28px;font-variant-numeric:tabular-nums}.stat span{color:var(--muted);font-size:12px}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px}.toggle{border:1px solid var(--line);background:var(--bg-2);border-radius:999px;padding:6px 12px;font-size:13px}.toggle.on{background:var(--ink);color:#fff;border-color:var(--ink)}.layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,1.05fr);gap:16px;flex:1;min-height:0}.card{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;overflow:auto;min-height:0}.row{display:grid;grid-template-columns:minmax(0,1fr) 120px minmax(168px,200px) 72px;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);cursor:pointer;align-items:center}.row select{width:100%;min-width:168px;font-size:13px;padding:8px 10px}.row:hover{background:#faf7f1}.row.sel{background:#f3e7db}.row .name{font-weight:500}.row .meta{color:var(--muted);font-size:12px}.pill{font-size:11px;text-transform:uppercase;letter-spacing:.04em;padding:3px 8px;border-radius:999px;background:#eee8dc;width:fit-content}.pill.call{background:#e8f0ea;color:var(--accent-2)}.pill.sms{background:#efe6d6;color:#6a4a16}.money{font-family:IBM Plex Mono,monospace;font-size:13px;text-align:right}.thread{padding:16px 16px 24px;display:flex;flex-direction:column;min-height:0;height:100%}.thread h2{font-size:15px;margin:0 0 12px}.bubble{max-width:86%;padding:8px 12px;border-radius:12px;margin:6px 0;font-size:14px;line-height:1.4}.bubble.lead{background:#ece7dc}.bubble.assistant{background:#1f3d2b;color:#f6f3ec;margin-left:auto}.bubble .t{display:block;font-size:11px;opacity:.6;margin-top:4px}.empty{color:var(--muted);padding:24px}.form{display:flex;flex-direction:column;gap:14px;max-width:640px}label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500}input,textarea,select{background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 12px}.q{display:flex;gap:8px;align-items:center}.q input{flex:1}.primary{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:10px 16px;font-weight:500;width:fit-content}.ghost{background:transparent;border:1px solid var(--line);border-radius:8px;padding:8px 12px}.login{min-height:100%;display:grid;place-items:center;background:var(--nav)}.login box,.login .box{width:360px;background:var(--bg-2);padding:32px;border-radius:16px}.login h1{margin-bottom:6px}.err{color:var(--bad);font-size:13px}@media(max-width:900px){.app{grid-template-columns:1fr}.nav{flex-direction:row;flex-wrap:wrap;align-items:center}.layout,.stats{grid-template-columns:1fr}}*:has(>.topbar){max-height:100vh;min-height:0;overflow-y:auto!important;box-sizing:border-box}.bubble.owner{background:#2f4a6b;color:#f6f3ec;margin-left:auto}