---
title: "Financial Management & Reporting"
slug: "financial-management-reporting"
updated: 2026-05-14T04:56:29Z
published: 2026-05-14T04:56:36Z
canonical: "help.servicetitan.com/financial-management-reporting"
stale: true
---

> ## Documentation Index
> Fetch the complete documentation index at: https://help.servicetitan.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Financial Management & Reporting

<editor360-custom-block data-preprocessing="true" data-sanitizationtags="svg,rect,line,circle,polyline,path,style"><div style="max-width:960px;margin:0 auto;padding:0 0 4rem;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#111;"><!-- RADIO INPUTS --><input type="radio" name="view-lp" id="v-lp-bbo" checked="" style="position:absolute;opacity:0;pointer-events:none;width:0;height:0"><input type="radio" name="view-lp" id="v-lp-sbs" style="position:absolute;opacity:0;pointer-events:none;width:0;height:0"><!-- VIEW TOGGLE BAR --><div style="display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:0.9rem 1.25rem;margin-bottom:1.5rem;"><span style="font-size:12px;font-weight:700;color:#64748b;white-space:nowrap;">View:</span><label for="v-lp-bbo" style="font-size:12px;font-weight:600;padding:5px 16px;border-radius:20px;border:1px solid #1e293b;background:#1e293b;color:#fff;cursor:pointer;">By Business Outcomes</label><label for="v-lp-sbs" style="font-size:12px;font-weight:600;padding:5px 16px;border-radius:20px;border:1px solid #e2e8f0;background:#fff;color:#374151;cursor:pointer;">By Workflow</label></div><!-- ===== BY BUSINESS OUTCOMES VIEW ===== --><div id="view-bbo-lp"><div style="background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:10px 16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:24px;"><span style="font-size:13px;color:#6b7280;flex-shrink:0;">Jump to:</span><a href="/construction/docs/financial-management-reporting#gpf-lp" style="display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:999px;padding:4px 12px;text-decoration:none;" rel="noopener"><svg width="12" height="12" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="1" y="4" width="22" height="16" rx="2"></rect><line x1="1" y1="10" x2="23" y2="10"></line></svg>Invoice and collect with confidence</a><a href="/construction/docs/financial-management-reporting#kmn-lp" style="display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:999px;padding:4px 12px;text-decoration:none;" rel="noopener"><svg width="12" height="12" viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>Close the books and measure performance</a></div><!-- INVOICE AND COLLECT WITH CONFIDENCE --><div id="gpf-lp"><div style="display:flex;align-items:center;gap:10px;margin-bottom:8px;"><div style="width:36px;height:36px;border-radius:8px;background:#EAF0F5;display:flex;align-items:center;justify-content:center;flex-shrink:0;"><svg width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="#384D5E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="1" y="4" width="22" height="16" rx="2"></rect><line x1="1" y1="10" x2="23" y2="10"></line></svg></div><div><div style="font-size:15px;font-weight:600;color:#111827;">Invoice and collect with confidence</div><div style="font-size:12px;color:#6b7280;">Invoice promptly, collect payments, and close out your financials.</div></div></div><div style="border-top:1.5px solid #e5e7eb;margin-bottom:16px;"></div><div style="display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:32px;"><a href="/construction/docs/invoice-your-customers" class="ws-card" style="background:#EAF0F5;border:1px solid #B0C4D4;border-radius:12px;padding:14px;display:flex;align-items:flex-start;gap:10px;text-decoration:none;color:inherit;" rel="noopener"><div style="font-size:12px;font-weight:600;min-width:24px;height:24px;border-radius:6px;background:#ffffff;color:#384D5E;display:flex;align-items:center;justify-content:center;flex-shrink:0;">1</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;color:#384D5E;margin-bottom:4px;">Invoice Your Customers</div><div style="font-size:12px;color:#506A7C;line-height:1.5;">Generate and submit invoices for completed work and process batch transactions.</div></div><div style="width:32px;height:32px;border-radius:8px;background:#ffffff;display:flex;align-items:center;justify-content:center;flex-shrink:0;"><svg width="16" height="16" viewbox="0 0 24 24" fill="none" stroke="#384D5E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="12" y1="17" x2="8" y2="17"></line></svg></div></a><a href="/construction/docs/collect-what-you-re-owed" class="ws-card" style="background:#EAF0F5;border:1px solid #B0C4D4;border-radius:12px;padding:14px;display:flex;align-items:flex-start;gap:10px;text-decoration:none;color:inherit;" rel="noopener"><div style="font-size:12px;font-weight:600;min-width:24px;height:24px;border-radius:6px;background:#ffffff;color:#384D5E;display:flex;align-items:center;justify-content:center;flex-shrink:0;">2</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;color:#384D5E;margin-bottom:4px;">Collect What You're Owed</div><div style="font-size:12px;color:#506A7C;line-height:1.5;">Manage accounts receivable and collect outstanding payments from customers.</div></div><div style="width:32px;height:32px;border-radius:8px;background:#ffffff;display:flex;align-items:center;justify-content:center;flex-shrink:0;"><svg width="16" height="16" viewbox="0 0 24 24" fill="none" stroke="#384D5E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="1" x2="12" y2="23"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg></div></a><a href="/construction/docs/reconcile-payments-deposits" class="ws-card" style="background:#EAF0F5;border:1px solid #B0C4D4;border-radius:12px;padding:14px;display:flex;align-items:flex-start;gap:10px;text-decoration:none;color:inherit;" rel="noopener"><div style="font-size:12px;font-weight:600;min-width:24px;height:24px;border-radius:6px;background:#ffffff;color:#384D5E;display:flex;align-items:center;justify-content:center;flex-shrink:0;">3</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;color:#384D5E;margin-bottom:4px;">Reconcile Payments &amp; Deposits</div><div style="font-size:12px;color:#506A7C;line-height:1.5;">Apply received payments to invoices and close out financial transactions.</div></div><div style="width:32px;height:32px;border-radius:8px;background:#ffffff;display:flex;align-items:center;justify-content:center;flex-shrink:0;"><svg width="16" height="16" viewbox="0 0 24 24" fill="none" stroke="#384D5E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="1" y="4" width="22" height="16" rx="2"></rect><line x1="1" y1="10" x2="23" y2="10"></line></svg></div></a></div></div><!-- CLOSE THE BOOKS AND MEASURE PERFORMANCE --><div id="kmn-lp"><div style="display:flex;align-items:center;gap:10px;margin-bottom:8px;"><div style="width:36px;height:36px;border-radius:8px;background:#E8EDF6;display:flex;align-items:center;justify-content:center;flex-shrink:0;"><svg width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="#2C3E60" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg></div><div><div style="font-size:15px;font-weight:600;color:#111827;">Close the books and measure performance</div><div style="font-size:12px;color:#6b7280;">Track time, run payroll, and close the books with accurate data.</div></div></div><div style="border-top:1.5px solid #e5e7eb;margin-bottom:16px;"></div><div style="display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:32px;"><a href="/construction/docs/monitor-project-business-financials" class="ws-card" style="background:#E8EDF6;border:1px solid #B4C4DC;border-radius:12px;padding:14px;display:flex;align-items:flex-start;gap:10px;text-decoration:none;color:inherit;" rel="noopener"><div style="font-size:12px;font-weight:600;min-width:24px;height:24px;border-radius:6px;background:#ffffff;color:#2C3E60;display:flex;align-items:center;justify-content:center;flex-shrink:0;">1</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;color:#2C3E60;margin-bottom:4px;">Monitor Project &amp; Business Financials</div><div style="font-size:12px;color:#405878;line-height:1.5;">Monitor project budgets, costs, and financial performance.</div></div><div style="width:32px;height:32px;border-radius:8px;background:#ffffff;display:flex;align-items:center;justify-content:center;flex-shrink:0;"><svg width="16" height="16" viewbox="0 0 24 24" fill="none" stroke="#2C3E60" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"></polyline></svg></div></a><a href="/construction/docs/close-your-books" class="ws-card" style="background:#E8EDF6;border:1px solid #B4C4DC;border-radius:12px;padding:14px;display:flex;align-items:flex-start;gap:10px;text-decoration:none;color:inherit;" rel="noopener"><div style="font-size:12px;font-weight:600;min-width:24px;height:24px;border-radius:6px;background:#ffffff;color:#2C3E60;display:flex;align-items:center;justify-content:center;flex-shrink:0;">2</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;color:#2C3E60;margin-bottom:4px;">Close Your Books</div><div style="font-size:12px;color:#405878;line-height:1.5;">Complete the accounting cycle with final reconciliation and financial reporting.</div></div><div style="width:32px;height:32px;border-radius:8px;background:#ffffff;display:flex;align-items:center;justify-content:center;flex-shrink:0;"><svg width="16" height="16" viewbox="0 0 24 24" fill="none" stroke="#2C3E60" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"></path><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"></path></svg></div></a><a href="/construction/docs/close-out-hand-over-projects" class="ws-card" style="background:#E8EDF6;border:1px solid #B4C4DC;border-radius:12px;padding:14px;display:flex;align-items:flex-start;gap:10px;text-decoration:none;color:inherit;" rel="noopener"><div style="font-size:12px;font-weight:600;min-width:24px;height:24px;border-radius:6px;background:#ffffff;color:#2C3E60;display:flex;align-items:center;justify-content:center;flex-shrink:0;">3</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;color:#2C3E60;margin-bottom:4px;">Close Out &amp; Hand Over Projects</div><div style="font-size:12px;color:#405878;line-height:1.5;">Complete project documentation and transfer deliverables to the customer.</div></div><div style="width:32px;height:32px;border-radius:8px;background:#ffffff;display:flex;align-items:center;justify-content:center;flex-shrink:0;"><svg width="16" height="16" viewbox="0 0 24 24" fill="none" stroke="#2C3E60" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="23 6 13.5 15.5 8.5 10.5 1 18"></polyline><polyline points="17 6 23 6 23 12"></polyline></svg></div></a><a href="/construction/docs/measure-performance-make-decisions" class="ws-card" style="background:#E8EDF6;border:1px solid #B4C4DC;border-radius:12px;padding:14px;display:flex;align-items:flex-start;gap:10px;text-decoration:none;color:inherit;" rel="noopener"><div style="font-size:12px;font-weight:600;min-width:24px;height:24px;border-radius:6px;background:#ffffff;color:#2C3E60;display:flex;align-items:center;justify-content:center;flex-shrink:0;">4</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;color:#2C3E60;margin-bottom:4px;">Measure Performance &amp; Make Decisions</div><div style="font-size:12px;color:#405878;line-height:1.5;">Use reporting and analytics to track business performance and make informed decisions.</div></div><div style="width:32px;height:32px;border-radius:8px;background:#ffffff;display:flex;align-items:center;justify-content:center;flex-shrink:0;"><svg width="16" height="16" viewbox="0 0 24 24" fill="none" stroke="#2C3E60" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="23 6 13.5 15.5 8.5 10.5 1 18"></polyline><polyline points="17 6 23 6 23 12"></polyline></svg></div></a></div></div></div><!-- end view-bbo-lp --><!-- ===== BY WORKFLOW VIEW ===== --><div id="view-sbs-lp"><div style="display:flex;align-items:center;gap:10px;margin:0 0 8px;"><div style="width:36px;height:36px;border-radius:8px;background:#ede9fe;display:flex;align-items:center;justify-content:center;flex-shrink:0;"><svg width="18" height="18" viewbox="0 0 24 24" fill="none" stroke="#6d28d9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="23 6 13.5 15.5 8.5 10.5 1 18"></polyline><polyline points="17 6 23 6 23 12"></polyline></svg></div><div><div style="font-size:15px;font-weight:600;color:#111827;">Post-Work</div><div style="font-size:12px;color:#6b7280;">Financial processing and administrative closure</div></div></div><div style="border-top:1.5px solid #e5e7eb;margin-bottom:16px;"></div><div style="display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px;"><a href="/construction/docs/invoice-your-customers" class="ws-card" style="background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;padding:14px;display:flex;align-items:flex-start;gap:10px;text-decoration:none;color:inherit;" rel="noopener"><div style="font-size:12px;font-weight:600;min-width:24px;height:24px;border-radius:6px;background:#ede9fe;color:#6d28d9;display:flex;align-items:center;justify-content:center;flex-shrink:0;">1</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;color:#111827;margin-bottom:4px;">Invoice Your Customers</div><div style="font-size:12px;color:#6b7280;line-height:1.5;">Generate and submit invoices for completed work and process batch transactions.</div></div><div style="width:32px;height:32px;border-radius:8px;background:#ede9fe;display:flex;align-items:center;justify-content:center;flex-shrink:0;"><svg width="16" height="16" viewbox="0 0 24 24" fill="none" stroke="#6d28d9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="12" y1="17" x2="8" y2="17"></line></svg></div></a><a href="/construction/docs/collect-what-you-re-owed" class="ws-card" style="background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;padding:14px;display:flex;align-items:flex-start;gap:10px;text-decoration:none;color:inherit;" rel="noopener"><div style="font-size:12px;font-weight:600;min-width:24px;height:24px;border-radius:6px;background:#ede9fe;color:#6d28d9;display:flex;align-items:center;justify-content:center;flex-shrink:0;">2</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;color:#111827;margin-bottom:4px;">Collect What You're Owed</div><div style="font-size:12px;color:#6b7280;line-height:1.5;">Manage accounts receivable and collect outstanding payments.</div></div><div style="width:32px;height:32px;border-radius:8px;background:#ede9fe;display:flex;align-items:center;justify-content:center;flex-shrink:0;"><svg width="16" height="16" viewbox="0 0 24 24" fill="none" stroke="#6d28d9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="1" x2="12" y2="23"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg></div></a><a href="/construction/docs/reconcile-payments-deposits" class="ws-card" style="background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;padding:14px;display:flex;align-items:flex-start;gap:10px;text-decoration:none;color:inherit;" rel="noopener"><div style="font-size:12px;font-weight:600;min-width:24px;height:24px;border-radius:6px;background:#ede9fe;color:#6d28d9;display:flex;align-items:center;justify-content:center;flex-shrink:0;">3</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;color:#111827;margin-bottom:4px;">Reconcile Payments &amp; Deposits</div><div style="font-size:12px;color:#6b7280;line-height:1.5;">Apply received payments and close out financial transactions.</div></div><div style="width:32px;height:32px;border-radius:8px;background:#ede9fe;display:flex;align-items:center;justify-content:center;flex-shrink:0;"><svg width="16" height="16" viewbox="0 0 24 24" fill="none" stroke="#6d28d9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="1" y="4" width="22" height="16" rx="2"></rect><line x1="1" y1="10" x2="23" y2="10"></line></svg></div></a><a href="/construction/docs/close-your-books" class="ws-card" style="background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;padding:14px;display:flex;align-items:flex-start;gap:10px;text-decoration:none;color:inherit;" rel="noopener"><div style="font-size:12px;font-weight:600;min-width:24px;height:24px;border-radius:6px;background:#ede9fe;color:#6d28d9;display:flex;align-items:center;justify-content:center;flex-shrink:0;">4</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;color:#111827;margin-bottom:4px;">Close Your Books</div><div style="font-size:12px;color:#6b7280;line-height:1.5;">Complete the accounting cycle with final reconciliation.</div></div><div style="width:32px;height:32px;border-radius:8px;background:#ede9fe;display:flex;align-items:center;justify-content:center;flex-shrink:0;"><svg width="16" height="16" viewbox="0 0 24 24" fill="none" stroke="#6d28d9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"></path><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"></path></svg></div></a><a href="/construction/docs/monitor-project-business-financials" class="ws-card" style="background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;padding:14px;display:flex;align-items:flex-start;gap:10px;text-decoration:none;color:inherit;" rel="noopener"><div style="font-size:12px;font-weight:600;min-width:24px;height:24px;border-radius:6px;background:#ede9fe;color:#6d28d9;display:flex;align-items:center;justify-content:center;flex-shrink:0;">5</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;color:#111827;margin-bottom:4px;">Monitor Project &amp; Business Financials</div><div style="font-size:12px;color:#6b7280;line-height:1.5;">Monitor project budgets, costs, and financial performance.</div></div><div style="width:32px;height:32px;border-radius:8px;background:#ede9fe;display:flex;align-items:center;justify-content:center;flex-shrink:0;"><svg width="16" height="16" viewbox="0 0 24 24" fill="none" stroke="#6d28d9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="23 6 13.5 15.5 8.5 10.5 1 18"></polyline><polyline points="17 6 23 6 23 12"></polyline></svg></div></a><a href="/construction/docs/close-out-hand-over-projects" class="ws-card" style="background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;padding:14px;display:flex;align-items:flex-start;gap:10px;text-decoration:none;color:inherit;" rel="noopener"><div style="font-size:12px;font-weight:600;min-width:24px;height:24px;border-radius:6px;background:#ede9fe;color:#6d28d9;display:flex;align-items:center;justify-content:center;flex-shrink:0;">6</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;color:#111827;margin-bottom:4px;">Close Out &amp; Hand Over Projects</div><div style="font-size:12px;color:#6b7280;line-height:1.5;">Complete project documentation and transfer deliverables to the customer.</div></div><div style="width:32px;height:32px;border-radius:8px;background:#ede9fe;display:flex;align-items:center;justify-content:center;flex-shrink:0;"><svg width="16" height="16" viewbox="0 0 24 24" fill="none" stroke="#6d28d9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="23 6 13.5 15.5 8.5 10.5 1 18"></polyline><polyline points="17 6 23 6 23 12"></polyline></svg></div></a><a href="/construction/docs/measure-performance-make-decisions" class="ws-card" style="background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;padding:14px;display:flex;align-items:flex-start;gap:10px;text-decoration:none;color:inherit;" rel="noopener"><div style="font-size:12px;font-weight:600;min-width:24px;height:24px;border-radius:6px;background:#ede9fe;color:#6d28d9;display:flex;align-items:center;justify-content:center;flex-shrink:0;">7</div><div style="flex:1;min-width:0;"><div style="font-size:13px;font-weight:600;color:#111827;margin-bottom:4px;">Measure Performance &amp; Make Decisions</div><div style="font-size:12px;color:#6b7280;line-height:1.5;">Use reporting and analytics to track business performance and make informed decisions.</div></div><div style="width:32px;height:32px;border-radius:8px;background:#ede9fe;display:flex;align-items:center;justify-content:center;flex-shrink:0;"><svg width="16" height="16" viewbox="0 0 24 24" fill="none" stroke="#6d28d9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="23 6 13.5 15.5 8.5 10.5 1 18"></polyline><polyline points="17 6 23 6 23 12"></polyline></svg></div></a></div></div><!-- end view-sbs-lp --><style> #v-lp-bbo, #v-lp-sbs { position: absolute !important; opacity: 0 !important; pointer-events: none !important; width: 0 !important; height: 0 !important; } #view-bbo-lp { display: block; } #view-sbs-lp { display: none; } #v-lp-bbo:checked~* label[for="v-lp-bbo"], #v-lp-sbs:checked~* label[for="v-lp-sbs"] { background: #1e293b !important; color: #ffffff !important; border-color: #1e293b !important; } #v-lp-bbo:checked~* label[for="v-lp-sbs"], #v-lp-sbs:checked~* label[for="v-lp-bbo"] { background: #ffffff !important; color: #374151 !important; border-color: #e2e8f0 !important; } #v-lp-bbo:checked~#view-bbo-lp { display: block !important; } #v-lp-bbo:checked~#view-sbs-lp { display: none !important; } #v-lp-sbs:checked~#view-sbs-lp { display: block !important; } #v-lp-sbs:checked~#view-bbo-lp { display: none !important; } @media (max-width: 640px) { #view-bbo-lp [style*="grid-template-columns:repeat(3"], #view-sbs-lp [style*="grid-template-columns:repeat(3"] { grid-template-columns: 1fr !important; } a.ws-card { padding: 10px !important; gap: 8px !important; } a.ws-card > div:first-child { min-width: 20px !important; height: 20px !important; font-size: 11px !important; } a.ws-card div[style*="font-size:13px;font-weight:600"] { font-size: 12px !important; } a.ws-card div[style*="font-size:12px;color"] { font-size: 11px !important; } a.ws-card > div:last-child { width: 26px !important; height: 26px !important; } a.ws-card > div:last-child svg { width: 13px !important; height: 13px !important; } [style*="background:#f9fafb;border:1px solid #e5e7eb"] { flex-direction: column !important; align-items: flex-start !important; } [style*="font-size:15px;font-weight:600"] { font-size: 14px !important; } [style*="display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#f8fafc"] { padding: 0.65rem 1rem !important; } } </style></div></editor360-custom-block>