.page{padding:1.25rem 1rem 5rem;max-width:700px;margin:0 auto}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.page-title{font-size:1.25rem;font-weight:700;color:var(--navy)}.page-sub{font-size:.82rem;color:var(--text-muted);margin-top:.125rem}.view-toggle{display:flex;gap:.25rem;background:var(--surface-2);border-radius:8px;padding:3px}.view-btn{padding:.3rem .65rem;border:none;background:transparent;border-radius:6px;font-size:.78rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .15s}.view-btn.active{background:var(--card);color:var(--navy);box-shadow:0 1px 3px #0000001a}.stats-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin-bottom:1.25rem}.stat-card{background:var(--card);border-radius:12px;padding:.75rem .4rem;text-align:center;border:1px solid var(--border)}.stat-num{font-size:1.2rem;font-weight:800;color:var(--navy)}.stat-num.green{color:#059669}.stat-label{font-size:.6rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:.1rem}.filter-row{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;margin-bottom:1rem;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.filter-chip{flex-shrink:0;padding:.35rem .8rem;border-radius:999px;font-size:.78rem;font-weight:500;border:1.5px solid var(--border);background:var(--card);color:var(--text-muted);cursor:pointer;transition:all .15s}.filter-chip.active{background:var(--navy);color:#fff;border-color:var(--navy)}.referral-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1rem;margin-bottom:.625rem;cursor:pointer;transition:box-shadow .15s}.referral-card:hover{box-shadow:var(--shadow-sm)}.ref-row1{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.ref-name{font-size:.95rem;font-weight:700;color:var(--text)}.ref-sub{font-size:.75rem;color:var(--text-muted);margin-top:.1rem}.ref-badges{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.dir-badge{font-size:.65rem;font-weight:700;border-radius:999px;padding:.18rem .5rem;text-transform:uppercase;letter-spacing:.04em}.dir-inbound{background:#d1fae5;color:#065f46}.dir-outbound{background:#dbeafe;color:#1d4ed8}.status-badge{font-size:.65rem;font-weight:700;border-radius:999px;padding:.18rem .5rem;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}.s-pending{background:var(--surface-2);color:var(--text-muted)}.s-introduced{background:#dbeafe;color:#1d4ed8}.s-meeting_booked{background:#ede9fe;color:#6d28d9}.s-deal_done{background:#fef3c7;color:#92400e}.s-won{background:#d1fae5;color:#065f46}.s-lost{background:#fee2e2;color:#b91c1c}.ref-referred{font-size:.82rem;color:var(--text-2);margin-top:.35rem}.ref-meta{display:flex;gap:1rem;margin-top:.35rem;flex-wrap:wrap}.ref-meta-item{font-size:.73rem;color:var(--text-muted)}.ref-meta-item.value{color:#059669;font-weight:600}#pipeline-view{display:none}.pipeline-scroll{overflow-x:auto;padding-bottom:1rem}.pipeline-cols{display:flex;gap:.75rem;min-width:max-content}.pipeline-col{width:200px;flex-shrink:0}.col-header{padding:.6rem .75rem;border-radius:10px 10px 0 0;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;display:flex;align-items:center;justify-content:space-between}.col-header.h-pending{background:var(--surface-2);color:var(--text-muted)}.col-header.h-introduced{background:#dbeafe;color:#1d4ed8}.col-header.h-meeting_booked{background:#ede9fe;color:#6d28d9}.col-header.h-deal_done{background:#fef3c7;color:#92400e}.col-header.h-won{background:#d1fae5;color:#065f46}.col-header.h-lost{background:#fee2e2;color:#b91c1c}.col-body{background:var(--surface);border-radius:0 0 10px 10px;padding:.5rem;min-height:80px}.pipeline-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:.625rem .75rem;margin-bottom:.4rem;cursor:pointer;transition:box-shadow .12s}.pipeline-card:hover{box-shadow:var(--shadow-sm)}.pc-name{font-size:.82rem;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc-referred{font-size:.72rem;color:var(--text-2);margin-top:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc-value{font-size:.7rem;color:#059669;font-weight:600;margin-top:.15rem}.pc-dir{font-size:.62rem;font-weight:700;border-radius:999px;padding:.1rem .4rem;display:inline-block;margin-top:.2rem}.section-label{font-size:.78rem;font-weight:700;color:var(--text);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.625rem}.empty-state{text-align:center;padding:3rem 1rem}.empty-icon{font-size:2.5rem;margin-bottom:.75rem}.empty-title{font-size:1rem;font-weight:700;color:var(--text-2);margin-bottom:.375rem}.empty-sub{font-size:.85rem;color:var(--text-muted)}.add-btn{position:fixed;bottom:5rem;right:1.25rem;background:var(--navy);color:#fff;border:none;border-radius:999px;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.4rem;box-shadow:0 4px 16px #0f274440;z-index:10}.modal-overlay{position:fixed;inset:0;background:#00000073;z-index:200;display:flex;align-items:flex-end;justify-content:center}.modal-sheet{background:var(--card);border-radius:20px 20px 0 0;padding:1.5rem 1.25rem 2rem;width:100%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-handle{width:40px;height:4px;background:var(--border);border-radius:2px;margin:0 auto 1rem}.modal-title{font-size:1.05rem;font-weight:700;color:var(--text);margin-bottom:1.25rem}.form-label{font-size:.8rem;font-weight:600;color:var(--text-2);margin-bottom:.375rem;display:block}.form-opt{font-size:.78rem;font-weight:400;color:var(--text-muted)}.form-input{width:100%;padding:.7rem .875rem;border:1.5px solid var(--input-border);border-radius:10px;font-size:.875rem;background:var(--input-bg);color:var(--text);box-sizing:border-box;margin-bottom:.875rem}.form-input:focus{outline:none;border-color:var(--navy)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.btn-primary{width:100%;padding:.85rem;background:var(--navy);color:#fff;border:none;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;margin-bottom:.625rem}.btn-secondary{width:100%;padding:.75rem;background:var(--surface-2);color:var(--text-2);border:none;border-radius:12px;font-size:.875rem;font-weight:500;cursor:pointer;margin-bottom:.5rem}.btn-danger{width:100%;padding:.75rem;background:#fee2e2;color:#b91c1c;border:none;border-radius:12px;font-size:.875rem;font-weight:500;cursor:pointer}
