:root{--bg: #f7fafc;--surface: #ffffff;--text: #0f172a;--muted: #475569;--border: #e2e8f0;--shadow: 0 4px 14px rgba(2, 8, 23, .06);--primary: #0ea5e9;--primary-600: #0284c7;--primary-50: #ecfeff;--success: #16a34a;--warning: #f59e0b;--danger: #ef4444;--neutral: #64748b;--radius: 14px;--pad: 14px;--pad-sm: 10px;--gap: 12px;--font: system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--text);background:radial-gradient(1200px 800px at 20% -10%,#ffffff 0%,var(--bg) 60%)}.row{display:flex;align-items:center;gap:var(--gap)}.stack{display:flex;flex-direction:column}.grid.leads{display:grid;grid-template-columns:1fr;gap:14px}@media (min-width: 820px){.grid.leads{grid-template-columns:1fr 1fr}}.topbar{background:linear-gradient(180deg,#fff,#f8fafc);border-bottom:1px solid #e2e8f0;box-shadow:0 3px 10px #0000000a;padding:10px 14px}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{margin:0;font-size:18px;font-weight:800;color:var(--primary-600);letter-spacing:.2px}.btn-group.tabs{background:#eef7fb;border:1px solid #dbeafe;border-radius:999px;padding:4px;display:flex;gap:4px}.btn-group.tabs .btn{padding:6px 12px;font-size:14px;border:none;box-shadow:none;background:transparent}.btn-group.tabs .btn.primary{background:var(--primary);color:#fff;border-radius:999px}.staffbar{display:flex;align-items:center;gap:8px;background:#f9fafb;padding:8px 14px;border-bottom:1px solid #e2e8f0}.staffbar .staff-select{flex:1;min-width:0;padding:8px 10px}.logbar{display:flex;flex-direction:column;gap:6px;background:#f9fafb;padding:10px 14px;border-bottom:1px solid #e2e8f0}.logbar-inner{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.logbar-title{font-weight:700;font-size:15px;color:var(--text);display:flex;align-items:center;gap:6px}.logbar-search{width:240px}@media (max-width: 420px){.brand{font-size:16px}.btn-group.tabs .btn{padding:5px 10px;font-size:13px}.staffbar{padding:6px 10px;gap:6px}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--pad);box-shadow:var(--shadow)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:#fff;color:var(--text);padding:10px 14px;border-radius:999px;font-weight:600;font-size:14px;cursor:pointer;transition:transform .02s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;box-shadow:0 2px 6px #0208170a}.btn:hover{border-color:#cbd5e1;box-shadow:0 4px 10px #0208170f}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--primary);color:#fff;border-color:transparent}.btn.primary:hover{background:var(--primary-600)}.btn[disabled]{opacity:.6;cursor:not-allowed;filter:grayscale(.1)}.btn-group{display:flex;gap:6px;background:#eef7fb;padding:6px;border-radius:999px;border:1px solid #dbeafe}.btn-group .btn{border:none;background:transparent;box-shadow:none;padding:8px 14px}.btn-group .btn.primary{background:var(--primary);color:#fff}.select{background:#fff;border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:14px;color:var(--text);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.select:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}.small{font-size:12px;color:var(--muted)}.badge{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:4px 10px;border:1px solid currentColor;border-radius:9999px;font-weight:600;line-height:1;font-size:.85rem}.badge.red{background:#fff1f2;border-color:#fecdd3;color:var(--danger)}.badge.amber{background:#fffbeb;border-color:#fde68a;color:var(--warning)}.badge.gray{background:#f1f5f9;border-color:#e2e8f0;color:#334155}.badge.green{background:#ecfdf5;border-color:#a7f3d0;color:var(--success)}.badge.blue{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.badge.purple{background:#f5f3ff;border-color:#ddd6fe;color:#6d28d9}.badge.cyan{background:#ecfeff;border-color:#a5f3fc;color:#0891b2}.badge.pink{background:#fdf2f8;border-color:#fbcfe8;color:#be185d}.badge.teal{background:#f0fdfa;border-color:#99f6e4;color:#0d9488}.badge.violet{background:#f5f3ff;border-color:#c4b5fd;color:#5b21b6}.badge.black{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.badge.brown{background:#fefcf9;border-color:#fcd34d;color:#92400e}.badge.indigo{background:#eef2ff;border-color:#c7d2fe;color:#4338ca}a{color:var(--primary-600);text-decoration:none}a:hover{text-decoration:underline}.section{position:relative;border:1px solid var(--border);border-radius:16px;background:#fff;box-shadow:0 6px 18px #0208170f;overflow:hidden;margin:14px 4px 22px}.section-accent{position:absolute;inset:0 auto 0 0;width:6px;border-radius:6px 0 0 6px;background:var(--primary);opacity:.22}.section.primary .section-accent{background:var(--primary);opacity:.35}.section.muted .section-accent{background:#94a3b8;opacity:.25}.section.default .section-accent{background:#cbd5e1;opacity:.25}.section-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid #eef2f7;background:linear-gradient(180deg,#fff,#f9fbfe)}.section.primary .section-header{background:linear-gradient(180deg,#f1fbff,#fff)}.section.muted .section-header{background:linear-gradient(180deg,#f7f9fc,#fff)}.section-title{display:inline-flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.2px;font-size:18px;line-height:1.2;color:var(--text)}.section-sub{margin-top:4px;font-size:12px;color:var(--muted)}.section-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:var(--primary-50);color:var(--primary-600);font-weight:800;font-size:12px;border:1px solid #bae6fd}.section.muted .section-count{background:#eef2f7;color:#475569;border-color:#e2e8f0}.section-body{padding:14px}.section .grid.leads{gap:12px}.section .card{border-radius:12px;border:1px solid #cbd5e1;box-shadow:0 3px 12px #02081714;transition:box-shadow .2s ease,border-color .2s ease}.section .card:hover{border-color:#94a3b8;box-shadow:0 4px 14px #0208171a}@media (max-width: 420px){.section{margin:10px 8px 16px}.section-header{padding:12px 12px 8px}.section-title{font-size:16px}.section-body{padding:10px}}.sticky-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 3px 10px #0000000a}body.view-now{padding-top:110px}body.view-log{padding-top:170px}.topbar{margin-top:0}.btn.call-btn{background:#16a34a;color:#fff;border:none;font-size:15px;font-weight:700;padding:12px 20px;box-shadow:0 3px 10px #16a34a40;transition:background .2s ease,transform .05s ease}.actions{display:grid;grid-template-columns:max-content 1fr;align-items:start;gap:12px;margin-top:12px}.outcomes{justify-self:end;display:grid;grid-template-columns:repeat(2,max-content);gap:8px;min-width:0;justify-content:end;justify-items:end}.btn.call-btn{background:#16a34a;color:#fff;border:none;font-size:15px;font-weight:700;padding:12px 20px;box-shadow:0 3px 10px #16a34a40}.btn.call-btn:hover{background:#15803d}.btn.call-btn:active{transform:translateY(1px)}.btn.small{padding:8px 12px;font-size:13px}@media (max-width: 380px){.actions{grid-template-columns:1fr}.outcomes{justify-self:start;grid-template-columns:repeat(2,max-content)}}.link-btn.details-toggle{background:transparent;border:0;color:var(--primary-600);font-weight:700;cursor:pointer;padding:6px 8px;border-radius:8px;margin-left:6px;margin-right:16px}.link-btn.details-toggle:hover{background:#eef7fb}.link-btn .chev{display:inline-block;transition:transform .2s ease}.link-btn .chev.open{transform:rotate(180deg)}.details{display:none;margin-top:8px}.details.open{display:block}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.details-grid .full{grid-column:1 / -1}.details-grid .k{display:block;font-size:12px;color:var(--muted)}.details-grid .notes{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.btn.call-btn.calling{background:#22c55e;box-shadow:0 0 0 4px #22c55e38;animation:call-pulse .8s ease-in-out infinite}@keyframes call-pulse{0%{transform:scale(1)}50%{transform:scale(1.04)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.btn.call-btn.calling{animation:none}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;display:grid;place-items:center;z-index:1000}.modal{background:#fff;border-radius:12px;padding:16px;width:min(420px,92vw);box-shadow:0 10px 30px #02081733;border:1px solid var(--border)}.modal-title{font-weight:800;margin-bottom:8px}