:root{--bg:#f6f7f9;--panel:#ffffff;--ink:#1a1d24;--muted:#6b7280;--line:#e6e8ec;--accent:#4f46e5;--accent-soft:#eef0fe;--radius:10px;--shadow:0 1px 2px rgba(16,24,40,.06)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.muted{color:var(--muted)}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--panel);border-bottom:1px solid var(--line);padding:10px 16px}.brand{font-weight:700;font-size:16px;display:flex;align-items:center;gap:8px}.logo{color:var(--accent);font-size:18px}.tabs{display:flex;gap:2px;background:var(--bg);border-radius:8px;padding:3px}.tab{border:0;background:transparent;padding:6px 12px;border-radius:6px;color:var(--muted);font-weight:600;font-size:13px}.tab.on{background:var(--panel);color:var(--ink);box-shadow:var(--shadow)}.actions{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}.actions button{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:7px 11px;font-size:13px;font-weight:600}.actions button:hover{border-color:#cfd3da}.actions .ghost{color:var(--muted)}.main{max-width:1280px;margin:0 auto;padding:16px}.stat-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.stat{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:12px;box-shadow:var(--shadow);transition:border-color .12s,transform .04s}.stat:hover{border-color:#cdd1d8}.stat:active{transform:translateY(1px)}.stat-value{font-size:22px;font-weight:750;letter-spacing:-.5px}.stat-label{font-size:12px;color:var(--muted);margin-top:2px}.stat.tone-blue .stat-value{color:#2563eb}.stat.tone-teal .stat-value{color:#0d9488}.stat.tone-amber .stat-value{color:#b45309}.stat.tone-green .stat-value{color:#15803d}.stat.tone-gray .stat-value{color:#4b5563}.conv{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:13px;padding:10px 2px 2px}.conv b{color:var(--ink)}.conv .sep{opacity:.5}.quick-note{margin:10px 0 0;font-size:13px;color:var(--muted)}.quick-note button{border:0;background:none;color:var(--accent);font-weight:600}.sticky{position:sticky;top:53px;z-index:20;background:var(--bg);padding:12px 0 8px}.toolbar{display:flex;flex-direction:column;gap:8px}.toolbar-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.search{flex:1;min-width:200px;background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:9px 12px;box-shadow:var(--shadow)}.search:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.count{font-size:12px;color:var(--muted);white-space:nowrap}.filters select{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:7px 9px;font-size:13px;max-width:180px}.sortwrap{display:flex;gap:4px}.dir{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:7px 10px;font-weight:700}.clear{background:transparent;border:1px solid var(--line);border-radius:8px;padding:7px 10px;color:var(--muted)}.table-wrap{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}table.leads{width:100%;border-collapse:collapse}table.leads th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:10px 12px;border-bottom:1px solid var(--line);background:#fafbfc;position:sticky;top:0}table.leads td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:middle}table.leads tbody tr{cursor:pointer}table.leads tbody tr:hover{background:#fafbff}.cell-company{font-weight:650}.cell-sub{font-size:12px;color:var(--muted)}.cell-action{max-width:220px;color:#374151}.chip{display:inline-block;font-size:11px;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:2px 8px;color:#4b5563;white-space:nowrap}.status-sel{border:1px solid var(--line);border-radius:7px;padding:5px 6px;font-size:12px;background:var(--panel);max-width:150px}.due-over{color:#b91c1c;font-weight:650}.due-today{color:#b45309;font-weight:650}.badge{display:inline-block;font-size:11px;font-weight:650;padding:2px 8px;border-radius:999px;white-space:nowrap}.tone-gray{background:#f1f2f4;color:#4b5563}.tone-blue{background:#e6effe;color:#1d4ed8}.tone-indigo{background:#eae8fe;color:#4338ca}.tone-amber{background:#fdf0d5;color:#b45309}.tone-teal{background:#d7f2ee;color:#0f766e}.tone-violet{background:#f0e7fe;color:#7c3aed}.tone-green{background:#dcf5e3;color:#15803d}.tone-red{background:#fde3e1;color:#b91c1c}.prio{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600}.prio .dot{width:8px;height:8px;border-radius:50%}.prio-red .dot{background:#ef4444}.prio-amber .dot{background:#f59e0b}.prio-gray .dot{background:#9ca3af}.cards{display:none;flex-direction:column;gap:10px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow)}.card-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.card-person{font-size:13px;margin-top:4px}.card-row{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}.card-due{font-size:12px;margin-top:8px}.card-action{font-size:13px;color:#374151;margin-top:6px}.pager{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between;padding:14px 2px}.pager-info{font-size:13px;color:var(--muted)}.pager-controls{display:flex;align-items:center;gap:6px}.pager-controls button{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:6px 11px;font-size:13px;font-weight:600}.pager-controls button:disabled{opacity:.4;cursor:default}.pager-page{font-size:13px;color:var(--muted);padding:0 4px}.pagesize{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:6px 8px;font-size:13px}.empty{text-align:center;color:var(--muted);padding:56px 16px;background:var(--panel);border:1px dashed var(--line);border-radius:var(--radius);margin-top:12px}.empty button{margin-top:10px;background:var(--accent);color:#fff;border:0;border-radius:8px;padding:8px 14px;font-weight:600}.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182859;z-index:50;display:flex;justify-content:flex-end}.drawer{width:min(460px,100%);background:var(--panel);height:100%;display:flex;flex-direction:column;box-shadow:-8px 0 30px #10182826}.drawer-head{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--line)}.drawer-title{flex:1;font-size:16px;font-weight:700;border:0;padding:6px 4px;border-radius:6px}.drawer-title:focus{outline:0;background:var(--bg)}.icon-btn{border:0;background:var(--bg);border-radius:8px;width:32px;height:32px;font-size:14px}.drawer-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.fld-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fld{display:flex;flex-direction:column;gap:4px}.fld span{font-size:12px;color:var(--muted);font-weight:600}.fld input,.fld select,.fld textarea{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 10px}.fld input:focus,.fld select:focus,.fld textarea:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.fld textarea{resize:vertical}.drawer-links{display:flex;gap:14px;font-size:13px;font-weight:600;padding-top:4px}.drawer-foot{display:flex;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--line)}.drawer-foot .danger{background:transparent;border:1px solid var(--line);color:#b91c1c;border-radius:8px;padding:8px 12px;font-weight:600}.drawer-foot .primary{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:8px 16px;font-weight:600}.templates .hint{color:var(--muted);font-size:13px;margin:4px 0 14px}.tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.tpl{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow)}.tpl-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.tpl-head h3{margin:0;font-size:14px}.copy{background:var(--accent-soft);color:var(--accent);border:0;border-radius:7px;padding:5px 12px;font-weight:650;font-size:13px}.tpl pre{white-space:pre-wrap;word-break:break-word;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:10px;font-size:12.5px;line-height:1.55;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;max-height:220px;overflow:auto}@media (max-width:1080px){.stat-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:760px){.table-wrap{display:none}.cards{display:flex}.sticky{top:0;position:static}.stat-grid{grid-template-columns:repeat(2,1fr)}.filters select{flex:1;max-width:none;min-width:44%}.fld-grid{grid-template-columns:1fr}.actions{width:100%;order:3}.tabs{order:2}}