{"id":7096,"date":"2024-01-29T08:47:37","date_gmt":"2024-01-29T08:47:37","guid":{"rendered":"https:\/\/alwadiholding.com\/aw-uae\/?p=7096"},"modified":"2026-10-14T10:23:37","modified_gmt":"2026-10-14T10:23:37","slug":"debt-management-crafting-a-business-cash-flow-plan","status":"publish","type":"post","link":"https:\/\/alwadiholding.com\/aw-uae\/debt-management-crafting-a-business-cash-flow-plan\/","title":{"rendered":"A\u00a0Business Cash Flow Plan to Overcome Financial Challenges\u00a0"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"7096\" class=\"elementor elementor-7096\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-64587b8d cspt-col-stretched-none cspt-bg-color-over-image elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"64587b8d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2b71e397 cspt-bg-color-over-image\" data-id=\"2b71e397\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-30bd53d6 elementor-widget elementor-widget-text-editor\" data-id=\"30bd53d6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<blockquote dir=\"ltr\"><p dir=\"ltr\">Cash flow management for UAE businesses involves 7 key strategies: budgeting, cash flow forecasting, expense management, debt repayment prioritization, regular monitoring, building emergency funds, and seeking professional debt management assistance \u2014 supporting 5 financial goals including stability, debt settlement, and business growth.<\/p><\/blockquote><div id=\"ez-toc-container\" class=\"ez-toc-v2_0_76 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/alwadiholding.com\/aw-uae\/debt-management-crafting-a-business-cash-flow-plan\/#Debt_Management_and_Cash_Flow_Planning\" >Debt Management and Cash Flow Planning\u00a0\u00a0<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/alwadiholding.com\/aw-uae\/debt-management-crafting-a-business-cash-flow-plan\/#Understanding_Cash_Flow_Challenges\" >Understanding Cash Flow Challenges\u00a0<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/alwadiholding.com\/aw-uae\/debt-management-crafting-a-business-cash-flow-plan\/#Importance_of_Cash_Flow_Management\" >Importance of Cash Flow Management.\u00a0<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/alwadiholding.com\/aw-uae\/debt-management-crafting-a-business-cash-flow-plan\/#Strategies_for_Cash_Flow_Improvements\" >Strategies for Cash Flow Improvements.\u00a0<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/alwadiholding.com\/aw-uae\/debt-management-crafting-a-business-cash-flow-plan\/#Here_are_some_strategies_for_effective_cash_flow_Management\" >Here are some strategies for effective cash flow Management:\u00a0<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Debt_Management_and_Cash_Flow_Planning\"><\/span><span style=\"font-size: 18pt;\"><b>Debt Management and Cash Flow Planning\u00a0<\/b>\u00a0<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2><p><span data-contrast=\"auto\">Debt management is the process of effectively managing and controlling debt to ensure collecting accounts receivable on time. It involves several actions and techniques to minimize debt, make timely payments so you can optimize your <a href=\"https:\/\/alwadiholding.com\/aw-uae\/debt-recovery-in-the-uae-tips-for-negotiating-and-settling-debts-amicably\/\">corporate cash flow<\/a>. <\/span><span data-contrast=\"auto\">Cash flow management<\/span><span data-contrast=\"auto\"> is supplementary to the debt management in the practice of forecasting and managing the inflow and outflow of cash to ensure sufficient funds are available to meet financial obligations.\u00a0<\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559685&quot;:0,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\">\u00a0<\/span><\/p><h2><span class=\"ez-toc-section\" id=\"Understanding_Cash_Flow_Challenges\"><\/span><span style=\"font-size: 18pt;\"><b>Understanding Cash Flow Challenges<\/b>\u00a0<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2><p><span data-contrast=\"auto\">Cash flow management<\/span><span data-contrast=\"auto\"> should be a day-to-day operation task; it involves tracking the flow of money in and out of the company to ensure that there is enough cash on hand to cover expenses, utilities, salaries, and accounts payable. Unfortunately, many businesses struggle with cash flow challenges that can jeopardize their financial stability.\u00a0<\/span><span data-ccp-props=\"{&quot;335551550&quot;:1,&quot;335551620&quot;:1}\">\u00a0<\/span><\/p><p><span data-contrast=\"auto\">Poor <\/span><span data-contrast=\"auto\">cash flow management<\/span><span data-contrast=\"auto\"> can lead to a range of issues, such as late payments to suppliers, delayed payroll, or the inability to invest in new equipment or marketing campaigns. Without accurate and up-to-date financial statements, it is difficult for businesses to identify and address cash flow crises before they become unmanageable.<\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559685&quot;:0,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\">\u00a0<\/span><\/p><p><span data-contrast=\"auto\">\u00a0<\/span><span data-ccp-props=\"{&quot;335551550&quot;:1,&quot;335551620&quot;:1}\">\u00a0<\/span><\/p><p><span data-contrast=\"auto\">To address <\/span><span data-contrast=\"auto\">cash flow management<\/span><span data-contrast=\"auto\"> challenges and effectively manage your accounts receivables and payable, businesses can consider implementing a <a href=\"https:\/\/alwadiholding.com\/aw-uae\/debt-management\/\">debt management plan<\/a>. It is an ongoing process that requires discipline, commitment, and adaptability.<\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559685&quot;:0,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\">\u00a0<\/span><\/p><p><span data-ccp-props=\"{&quot;335551550&quot;:1,&quot;335551620&quot;:1}\">\u00a0<\/span><\/p><h2><span class=\"ez-toc-section\" id=\"Importance_of_Cash_Flow_Management\"><\/span><span style=\"font-size: 18pt;\"><b>Importance of <\/b><b>Cash Flow Management<\/b><b>.<\/b>\u00a0<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2><ol><li aria-setsize=\"-1\" data-leveltext=\"%1.\" data-font=\"Calibri\" data-listid=\"1\" data-list-defn-props=\"{&quot;335552541&quot;:0,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769242&quot;:[65533,0],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;%1.&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><b><span data-contrast=\"none\">Financial Stability:<\/span><\/b><span data-contrast=\"none\"> Effective cash flow planning helps individuals and businesses maintain financial liquidity by ensuring that there is enough cash to cover expenses, debt payments, and emergencies.<\/span><\/li><li aria-setsize=\"-1\" data-leveltext=\"%1.\" data-font=\"Calibri\" data-listid=\"1\" data-list-defn-props=\"{&quot;335552541&quot;:0,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769242&quot;:[65533,0],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;%1.&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><b style=\"letter-spacing: 0px;\"><span data-contrast=\"none\">Debt settling:<\/span><\/b><span style=\"letter-spacing: 0px;\" data-contrast=\"none\"> Cash flow planning plays a vital role in settling commercial debts. By allocating funds towards debt repayment, avoid late payment of penalties, and reduce the overall debt burden.<\/span><\/li><li aria-setsize=\"-1\" data-leveltext=\"%1.\" data-font=\"Calibri\" data-listid=\"1\" data-list-defn-props=\"{&quot;335552541&quot;:0,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769242&quot;:[65533,0],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;%1.&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><b style=\"letter-spacing: 0px;\"><span data-contrast=\"none\">Business Operations:<\/span><\/b><span style=\"letter-spacing: 0px;\" data-contrast=\"none\"> It helps in managing procurement, paying suppliers, meeting payroll obligations, operation expenses, and investing in growth opportunities.<\/span><\/li><li aria-setsize=\"-1\" data-leveltext=\"%1.\" data-font=\"Calibri\" data-listid=\"1\" data-list-defn-props=\"{&quot;335552541&quot;:0,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769242&quot;:[65533,0],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;%1.&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><b style=\"letter-spacing: 0px;\"><span data-contrast=\"none\">Emergency Preparedness:<\/span><\/b><span style=\"letter-spacing: 0px;\" data-contrast=\"none\"> By having a well-planned cash flow, businesses can build emergency funds to handle unexpected expenses, raw material price increases, or economic downturns.<\/span><\/li><li aria-setsize=\"-1\" data-leveltext=\"%1.\" data-font=\"Calibri\" data-listid=\"1\" data-list-defn-props=\"{&quot;335552541&quot;:0,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769242&quot;:[65533,0],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;%1.&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><b style=\"letter-spacing: 0px;\"><span data-contrast=\"none\">Investment Opportunities:<\/span><\/b><span style=\"letter-spacing: 0px;\" data-contrast=\"none\"> Cash flow management allows businesses to identify surplus cash that can be invested in income-generating assets or opportunities for growth.<\/span><span style=\"letter-spacing: 0px;\" data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335557856&quot;:16777215,&quot;335559685&quot;:720,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:0,&quot;335559740&quot;:279,&quot;335559991&quot;:360}\">\u00a0<\/span><\/li><\/ol><p><span data-ccp-props=\"{}\">\u00a0<\/span><\/p><p><b><span data-contrast=\"none\">Read More :<\/span><\/b> <a href=\"https:\/\/alwadiholding.com\/aw-uae\/debt-management-agencies-accelerate-cash-flow\/\"><span data-contrast=\"none\">Accelerating Cash Flow: How Debt Management Agencies Aid In Bad Debt Recovery?<\/span><\/a><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335557856&quot;:16777215,&quot;335559738&quot;:0,&quot;335559739&quot;:375}\">\u00a0<\/span><\/p><h2><span class=\"ez-toc-section\" id=\"Strategies_for_Cash_Flow_Improvements\"><\/span><span style=\"font-size: 18pt;\"><b>Strategies for Cash Flow Improvements.<\/b>\u00a0<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2><h3><span class=\"ez-toc-section\" id=\"Here_are_some_strategies_for_effective_cash_flow_Management\"><\/span><span style=\"font-size: 14pt;\"><b>Here are some strategies for effective <\/b><b>cash flow Management<\/b><b>:<\/b>\u00a0<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3><ol><li aria-setsize=\"-1\" data-leveltext=\"%1.\" data-font=\"Calibri\" data-listid=\"2\" data-list-defn-props=\"{&quot;335552541&quot;:0,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769242&quot;:[65533,0],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;%1.&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><b><span data-contrast=\"none\">Budgeting:<\/span><\/b><span data-contrast=\"none\"> Creating a comprehensive budget helps businesses track income and expenses, identify areas of overspending, and allocate funds toward debt repayment and expansion.<\/span><\/li><li aria-setsize=\"-1\" data-leveltext=\"%1.\" data-font=\"Calibri\" data-listid=\"2\" data-list-defn-props=\"{&quot;335552541&quot;:0,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769242&quot;:[65533,0],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;%1.&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><b style=\"letter-spacing: 0px;\"><span data-contrast=\"none\">Forecasting:<\/span><\/b><span style=\"letter-spacing: 0px;\" data-contrast=\"none\"> Accurately forecasting cash inflows and outflows helps in anticipating future financial needs, identifying potential shortfalls, and taking proactive measures to address them.<\/span><\/li><li aria-setsize=\"-1\" data-leveltext=\"%1.\" data-font=\"Calibri\" data-listid=\"2\" data-list-defn-props=\"{&quot;335552541&quot;:0,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769242&quot;:[65533,0],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;%1.&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><b style=\"letter-spacing: 0px;\"><span data-contrast=\"none\">Expense Management:<\/span><\/b><span style=\"letter-spacing: 0px;\" data-contrast=\"none\"> Analyzing and reducing unnecessary expenses can free up cash for debt repayment and savings. This can involve negotiating better deals with suppliers, cutting non-essential costs, and optimizing operational efficiency.<\/span><\/li><li aria-setsize=\"-1\" data-leveltext=\"%1.\" data-font=\"Calibri\" data-listid=\"2\" data-list-defn-props=\"{&quot;335552541&quot;:0,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769242&quot;:[65533,0],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;%1.&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><b style=\"letter-spacing: 0px;\"><span data-contrast=\"none\">Debt Repayment Prioritization:<\/span><\/b><span style=\"letter-spacing: 0px;\" data-contrast=\"none\"> Prioritizing debt repayment based on interest rates, and terms can help businesses reduce obligations faster and save on interest payments.<\/span><\/li><li aria-setsize=\"-1\" data-leveltext=\"%1.\" data-font=\"Calibri\" data-listid=\"2\" data-list-defn-props=\"{&quot;335552541&quot;:0,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769242&quot;:[65533,0],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;%1.&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><b style=\"letter-spacing: 0px;\"><span data-contrast=\"none\">Cash Flow Monitoring:<\/span><\/b><span style=\"letter-spacing: 0px;\" data-contrast=\"none\"> Regularly monitoring cash flow and financial statements helps in identifying leaks, small charges that are not clearly visible. spotting potential issues and making timely adjustments to ensure financial stability.<\/span><\/li><li aria-setsize=\"-1\" data-leveltext=\"%1.\" data-font=\"Calibri\" data-listid=\"2\" data-list-defn-props=\"{&quot;335552541&quot;:0,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769242&quot;:[65533,0],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;%1.&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><b style=\"letter-spacing: 0px;\"><span data-contrast=\"none\">Emergency Fund:<\/span><\/b><span style=\"letter-spacing: 0px;\" data-contrast=\"none\"> Building an emergency fund provides a financial safety net and helps businesses navigate unexpected expenses or income disruptions without relying on credit or incurring additional debt.<\/span><\/li><li aria-setsize=\"-1\" data-leveltext=\"%1.\" data-font=\"Calibri\" data-listid=\"2\" data-list-defn-props=\"{&quot;335552541&quot;:0,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769242&quot;:[65533,0],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;%1.&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><b style=\"letter-spacing: 0px;\"><span data-contrast=\"none\">Professional Assistance:<\/span><\/b><span style=\"letter-spacing: 0px;\" data-contrast=\"none\"> Seeking guidance from financial advisors or <a href=\"https:\/\/alwadiholding.com\/aw-uae\/business-advisory-risk-management\/\">debt management professionals<\/a> can provide valuable insights and strategies for effective cash flow planning and debt management.<\/span><span style=\"letter-spacing: 0px;\" data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335557856&quot;:16777215,&quot;335559738&quot;:0,&quot;335559739&quot;:0}\">\u00a0<\/span><\/li><\/ol>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e146043 cspt-col-stretched-none cspt-bg-color-over-image elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"e146043\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-dd4e1d8 cspt-bg-color-over-image\" data-id=\"dd4e1d8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1223ada elementor-widget elementor-widget-html\" data-id=\"1223ada\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!doctype html>\n<html data-saved=\"\"><head><meta charset=\"utf-8\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"><link id=\"icon-font\" rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@tabler\/icons-webfont@3.42.0\/dist\/tabler-icons.min.css\" media=\"print\" onload=\"this.media='all'\"><noscript><link id=\"icon-font\" rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/@tabler\/icons-webfont@3.42.0\/dist\/tabler-icons.min.css\"><\/noscript><style>\n:root{--font-anthropic-sans:\"anthropic-sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;--font-anthropic-serif:\"anthropic-serif\", ui-serif, Georgia, \"Times New Roman\", serif}\n:root {\n  --radius: calc(0.5rem * var(--cds-rem-scale, 1));\n  --radius-composer: calc(0.875rem * var(--cds-rem-scale, 1));\n  --h-control: calc(2rem * var(--cds-rem-scale, 1));\n  --h-control-nested: calc(1.375rem * var(--cds-rem-scale, 1));\n  --icon: calc(1.25rem * var(--cds-rem-scale, 1));\n  --pad-xs: calc(0.375rem * var(--cds-rem-scale, 1));\n  --pad-sm: calc(0.5rem * var(--cds-rem-scale, 1));\n  --pad-md: calc(0.75rem * var(--cds-rem-scale, 1));\n  --pad-lg: calc(1rem * var(--cds-rem-scale, 1));\n  --pad-xl: calc(1.5rem * var(--cds-rem-scale, 1));\n  --gap-xs: calc(0.5rem * var(--cds-rem-scale, 1));\n  --gap-sm: calc(0.75rem * var(--cds-rem-scale, 1));\n  --gap-md: calc(1rem * var(--cds-rem-scale, 1));\n  --gap-lg: calc(1.75rem * var(--cds-rem-scale, 1));\n  --gap-xl: calc(2.5rem * var(--cds-rem-scale, 1));\n  --outset-x: 0px;\n  --outset-y: 0px;\n  --border-editor-comment-target: var(--yellow-450);\n  --shadow-drop-ring: inset 0 0 0 2px var(--fill-accent);\n  --shadow-drop-ring-danger: inset 0 0 0 2px var(--fill-danger);\n  --shadow-drop-glow: inset 0 0 24px -2px hsl(from var(--fill-accent) h s l \/ 20%);\n  --shadow-drop-glow-danger: inset 0 0 24px -2px hsl(from var(--fill-danger) h s l \/ 20%);\n  --ring-hairline: 1px;\n  --font-mono: var(--font-mono-override,) var(--font-anthropic-mono, \"SF Mono\"), \"SF Mono\", ui-monospace, Menlo, Consolas, monospace;\n  --font-mono-ui: var(--font-anthropic-mono, \"SF Mono\"), \"SF Mono\", ui-monospace, Menlo, Consolas, monospace;\n  --font-system: ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", Roboto, \"PingFang SC\", \"PingFang TC\", \"Hiragino Sans\", \"Apple SD Gothic Neo\", sans-serif;\n  --font-sans: var(--font-anthropic-sans, var(--font-system)), var(--font-system);\n  --font-sans-display: var(--font-anthropic-sans-display, var(--font-sans)), var(--font-sans);\n  --font-voice: var(--font-anthropic-serif, ui-serif), ui-serif, Georgia, \"Times New Roman\", serif;\n  --ease-out: cubic-bezier(0.165, 0.84, 0.44, 1);\n  --ease-snap: cubic-bezier(0.32, 0.72, 0, 1);\n  --ease-overshoot: cubic-bezier(0.34, 1.3, 0.64, 1);\n  --dur-fast: 60ms;\n  --dur-snap: 120ms;\n  --dur-base: 200ms;\n  --dur-sheet: 300ms;\n  --dur-slow: 450ms;\n  --btn-spring: linear(0, 0.2459, 0.6526, 0.9468, 1.0764, 1.0915, 1.0585, 1.0219, 0.9993, 0.9914, 0.9921, 0.9957, 0.9988, 1.0004, 1);\n  --black: #000000;\n  --oncolor-200: hsl(60 6.7% 97.1% \/ 0.75);\n  --oncolor-300: hsl(60 6.7% 97.1% \/ 0.5);\n  --clay: #d97757;\n  --clay-emphasized: #c6613f;\n  --heather: #cbcadb;\n  --plum: #827dbd;\n  --cactus: #bcd1ca;\n  --mineral: #629987;\n  --gray-0: #ffffff;\n  --gray-10: #fcfcfb;\n  --gray-20: #f9f9f7;\n  --gray-30: #f6f6f4;\n  --gray-40: #f3f3f0;\n  --gray-50: #f0efec;\n  --gray-60: #edece8;\n  --gray-70: #eae9e4;\n  --gray-80: #e7e6e1;\n  --gray-90: #e4e3dd;\n  --gray-100: #e1e0d9;\n  --gray-150: #d2d1c7;\n  --gray-200: #c3c2b7;\n  --gray-250: #b4b3a8;\n  --gray-300: #a5a49a;\n  --gray-350: #97958d;\n  --gray-400: #898781;\n  --gray-450: #7b7974;\n  --gray-500: #6d6b67;\n  --gray-550: #5f5e5a;\n  --gray-600: #52514e;\n  --gray-650: #454442;\n  --gray-700: #383835;\n  --gray-750: #2c2c2a;\n  --gray-800: #20201f;\n  --gray-810: #1e1e1d;\n  --gray-820: #1c1c1b;\n  --gray-830: #1a1a19;\n  --gray-840: #181817;\n  --gray-850: #151515;\n  --gray-860: #131313;\n  --gray-870: #111111;\n  --gray-880: #0f0f0f;\n  --gray-890: #0d0d0d;\n  --gray-900: #0b0b0b;\n  --red-0: #ffffff;\n  --red-10: #fffbfb;\n  --red-20: #fef7f7;\n  --red-30: #fef3f3;\n  --red-40: #fdefef;\n  --red-50: #fbebeb;\n  --red-60: #fae7e7;\n  --red-70: #fae3e3;\n  --red-80: #fadfdf;\n  --red-90: #fadada;\n  --red-100: #fad6d6;\n  --red-150: #f7c1c1;\n  --red-200: #f4abab;\n  --red-250: #f09595;\n  --red-300: #ec7e7e;\n  --red-350: #e66767;\n  --red-400: #e34948;\n  --red-450: #d03b3b;\n  --red-500: #b93535;\n  --red-550: #a32c2c;\n  --red-600: #8e2626;\n  --red-650: #791e1e;\n  --red-700: #641919;\n  --red-750: #511212;\n  --red-800: #3c0e0e;\n  --red-810: #380d0d;\n  --red-820: #340c0c;\n  --red-830: #310b0b;\n  --red-840: #2d0a0a;\n  --red-850: #280a0a;\n  --red-860: #230b0a;\n  --red-870: #1d0b0a;\n  --red-880: #170c0b;\n  --red-890: #110c0b;\n  --red-900: #0b0b0b;\n  --orange-0: #ffffff;\n  --orange-10: #fefbfa;\n  --orange-20: #fdf7f5;\n  --orange-30: #fcf4f0;\n  --orange-40: #faf0ec;\n  --orange-50: #f9ece7;\n  --orange-60: #f8e9e2;\n  --orange-70: #f7e5dd;\n  --orange-80: #f7e1d7;\n  --orange-90: #f7dcd1;\n  --orange-100: #f7d8cb;\n  --orange-150: #f3c5b2;\n  --orange-200: #f4ae94;\n  --orange-250: #f09978;\n  --orange-300: #ec835a;\n  --orange-350: #eb6834;\n  --orange-400: #d95926;\n  --orange-450: #c25124;\n  --orange-500: #ae461c;\n  --orange-550: #993d19;\n  --orange-600: #863311;\n  --orange-650: #712b0f;\n  --orange-700: #5d230b;\n  --orange-750: #4b1b08;\n  --orange-800: #371407;\n  --orange-810: #341307;\n  --orange-820: #301106;\n  --orange-830: #2d1006;\n  --orange-840: #290f06;\n  --orange-850: #240e07;\n  --orange-860: #1f0e08;\n  --orange-870: #1a0e09;\n  --orange-880: #150d0a;\n  --orange-890: #100c0b;\n  --orange-900: #0b0b0b;\n  --yellow-0: #ffffff;\n  --yellow-10: #fefcf8;\n  --yellow-20: #fcf8f1;\n  --yellow-30: #fbf5ea;\n  --yellow-40: #f9f2e4;\n  --yellow-50: #f9eeda;\n  --yellow-60: #faebce;\n  --yellow-70: #fae7c2;\n  --yellow-80: #fae3b8;\n  --yellow-90: #f9e0b0;\n  --yellow-100: #f9dca4;\n  --yellow-150: #f9c868;\n  --yellow-200: #fab219;\n  --yellow-250: #eda100;\n  --yellow-300: #db9300;\n  --yellow-350: #c98500;\n  --yellow-400: #b77700;\n  --yellow-450: #a66a00;\n  --yellow-500: #945d00;\n  --yellow-550: #835100;\n  --yellow-600: #734500;\n  --yellow-650: #623900;\n  --yellow-700: #512e00;\n  --yellow-750: #412400;\n  --yellow-800: #311a00;\n  --yellow-810: #2e1800;\n  --yellow-820: #2b1700;\n  --yellow-830: #271500;\n  --yellow-840: #231402;\n  --yellow-850: #1f1204;\n  --yellow-860: #1b1106;\n  --yellow-870: #171007;\n  --yellow-880: #130e09;\n  --yellow-890: #0f0d0a;\n  --yellow-900: #0b0b0b;\n  --green-0: #ffffff;\n  --green-10: #fafdfa;\n  --green-20: #f5fbf4;\n  --green-30: #f0f9ef;\n  --green-40: #ebf7e9;\n  --green-50: #e5f4e4;\n  --green-60: #e0f2de;\n  --green-70: #dbf0d8;\n  --green-80: #d5eed3;\n  --green-90: #d0eccd;\n  --green-100: #caeac7;\n  --green-150: #aee0a9;\n  --green-200: #91d68b;\n  --green-250: #73cb6d;\n  --green-300: #55bf50;\n  --green-350: #35b231;\n  --green-400: #0ca30c;\n  --green-450: #009300;\n  --green-500: #008300;\n  --green-550: #007300;\n  --green-600: #006300;\n  --green-650: #005400;\n  --green-700: #074506;\n  --green-750: #0f350d;\n  --green-800: #11260f;\n  --green-810: #10230f;\n  --green-820: #10210f;\n  --green-830: #101e0f;\n  --green-840: #101b0f;\n  --green-850: #0f180e;\n  --green-860: #0e160e;\n  --green-870: #0e130d;\n  --green-880: #0d100d;\n  --green-890: #0c0e0c;\n  --green-900: #0b0b0b;\n  --aqua-0: #ffffff;\n  --aqua-10: #f9fdfb;\n  --aqua-20: #f3fbf8;\n  --aqua-30: #edf9f4;\n  --aqua-40: #e8f7f1;\n  --aqua-50: #e2f4ed;\n  --aqua-60: #dcf2ea;\n  --aqua-70: #d5f0e6;\n  --aqua-80: #ceefe2;\n  --aqua-90: #c7eddf;\n  --aqua-100: #bfebdb;\n  --aqua-150: #a0e1c9;\n  --aqua-200: #7ad7b4;\n  --aqua-250: #5acba0;\n  --aqua-300: #3bbd8c;\n  --aqua-350: #1baf7a;\n  --aqua-400: #199e70;\n  --aqua-450: #138e65;\n  --aqua-500: #0f7e5c;\n  --aqua-550: #0e6e53;\n  --aqua-600: #065f49;\n  --aqua-650: #095040;\n  --aqua-700: #034235;\n  --aqua-750: #02342b;\n  --aqua-800: #022720;\n  --aqua-810: #02241e;\n  --aqua-820: #02221c;\n  --aqua-830: #021f1a;\n  --aqua-840: #031c18;\n  --aqua-850: #051a16;\n  --aqua-860: #071713;\n  --aqua-870: #081411;\n  --aqua-880: #0a110f;\n  --aqua-890: #0b0e0d;\n  --aqua-900: #0b0b0b;\n  --blue-0: #ffffff;\n  --blue-10: #fafcff;\n  --blue-20: #f5f9fe;\n  --blue-30: #f0f7fe;\n  --blue-40: #ebf4fc;\n  --blue-50: #e7f1fb;\n  --blue-60: #e2eefa;\n  --blue-70: #ddebfa;\n  --blue-80: #d7e8fa;\n  --blue-90: #d2e5fa;\n  --blue-100: #cde2fb;\n  --blue-150: #b7d3f6;\n  --blue-200: #9ec5f4;\n  --blue-250: #86b6ef;\n  --blue-300: #6da7ec;\n  --blue-350: #5598e7;\n  --blue-400: #3987e5;\n  --blue-450: #2a78d6;\n  --blue-500: #256abf;\n  --blue-550: #1c5cab;\n  --blue-600: #184f95;\n  --blue-650: #104281;\n  --blue-700: #0d366b;\n  --blue-750: #062b57;\n  --blue-800: #032042;\n  --blue-810: #031e3d;\n  --blue-820: #021c39;\n  --blue-830: #021a36;\n  --blue-840: #021831;\n  --blue-850: #03162c;\n  --blue-860: #051426;\n  --blue-870: #07121f;\n  --blue-880: #091018;\n  --blue-890: #0a0d11;\n  --blue-900: #0b0b0b;\n  --violet-0: #ffffff;\n  --violet-10: #fcfbff;\n  --violet-20: #f8f8ff;\n  --violet-30: #f5f4ff;\n  --violet-40: #f2f1ff;\n  --violet-50: #efedff;\n  --violet-60: #ebeafe;\n  --violet-70: #e8e6fe;\n  --violet-80: #e5e2fd;\n  --violet-90: #e2dffd;\n  --violet-100: #dfdbfd;\n  --violet-150: #cfcafb;\n  --violet-200: #bfb9f5;\n  --violet-250: #b0a7f2;\n  --violet-300: #a096eb;\n  --violet-350: #9085e9;\n  --violet-400: #8173e3;\n  --violet-450: #7161e0;\n  --violet-500: #6250d6;\n  --violet-550: #5645be;\n  --violet-600: #4a3aa7;\n  --violet-650: #3e318e;\n  --violet-700: #322777;\n  --violet-750: #271e60;\n  --violet-800: #1d1649;\n  --violet-810: #1b1544;\n  --violet-820: #19133f;\n  --violet-830: #17123b;\n  --violet-840: #151036;\n  --violet-850: #130f32;\n  --violet-860: #110e2b;\n  --violet-870: #0f0e23;\n  --violet-880: #0e0d1b;\n  --violet-890: #0c0c13;\n  --violet-900: #0b0b0b;\n  --magenta-0: #ffffff;\n  --magenta-10: #fefbfc;\n  --magenta-20: #fef6f9;\n  --magenta-30: #fdf2f6;\n  --magenta-40: #fbeff3;\n  --magenta-50: #faebf0;\n  --magenta-60: #f9e6ed;\n  --magenta-70: #f9e2eb;\n  --magenta-80: #f9dee8;\n  --magenta-90: #f9d9e5;\n  --magenta-100: #f9d4e2;\n  --magenta-150: #f3c0d3;\n  --magenta-200: #f3a8c3;\n  --magenta-250: #ed93b4;\n  --magenta-300: #e87ba4;\n  --magenta-350: #e46191;\n  --magenta-400: #d55181;\n  --magenta-450: #c04873;\n  --magenta-500: #ad3d66;\n  --magenta-550: #993458;\n  --magenta-600: #862a4c;\n  --magenta-650: #722340;\n  --magenta-700: #5e1c34;\n  --magenta-750: #4c1429;\n  --magenta-800: #390f1f;\n  --magenta-810: #360d1c;\n  --magenta-820: #320c1a;\n  --magenta-830: #2f0b18;\n  --magenta-840: #2b0a16;\n  --magenta-850: #270a14;\n  --magenta-860: #220a12;\n  --magenta-870: #1c0b11;\n  --magenta-880: #170b0f;\n  --magenta-890: #110b0d;\n  --magenta-900: #0b0b0b;\n  --role-accent-50: var(--blue-50);\n  --role-accent-100: var(--blue-100);\n  --role-accent-250: var(--blue-250);\n  --role-accent-300: var(--blue-300);\n  --role-accent-400: var(--blue-400);\n  --role-accent-450: var(--blue-450);\n  --role-accent-600: var(--blue-600);\n  --role-accent-700: var(--blue-700);\n  --role-accent-800: var(--blue-800);\n  --role-accent-850: var(--blue-850);\n  --role-accent-fill: var(--role-accent-450);\n  --role-accent-fill-hover: var(--role-accent-400);\n  --role-accent-on: var(--gray-0);\n  --role-danger-100: var(--red-100);\n  --role-danger-250: var(--red-250);\n  --role-danger-300: var(--red-300);\n  --role-danger-400: var(--red-400);\n  --role-danger-450: var(--red-450);\n  --role-danger-600: var(--red-600);\n  --role-danger-700: var(--red-700);\n  --role-danger-800: var(--red-800);\n  --role-danger-fill: var(--role-danger-450);\n  --role-danger-fill-hover: var(--role-danger-400);\n  --role-danger-on: var(--gray-0);\n  --role-success-100: var(--green-100);\n  --role-success-250: var(--green-250);\n  --role-success-400: var(--green-400);\n  --role-success-450: var(--green-450);\n  --role-success-600: var(--green-600);\n  --role-success-700: var(--green-700);\n  --role-success-800: var(--green-800);\n  --role-success-fill: var(--role-success-450);\n  --role-success-fill-hover: var(--role-success-400);\n  --role-success-on: var(--gray-900);\n  --role-warning-100: var(--yellow-100);\n  --role-warning-200: var(--yellow-200);\n  --role-warning-250: var(--yellow-250);\n  --role-warning-300: var(--yellow-300);\n  --role-warning-600: var(--yellow-600);\n  --role-warning-700: var(--yellow-700);\n  --role-warning-800: var(--yellow-800);\n  --role-warning-fill: var(--role-warning-200);\n  --role-warning-fill-hover: var(--role-warning-250);\n  --role-warning-on: var(--gray-900);\n  --role-pro-100: var(--violet-100);\n  --role-pro-250: var(--violet-250);\n  --role-pro-300: var(--violet-300);\n  --role-pro-400: var(--violet-400);\n  --role-pro-450: var(--violet-450);\n  --role-pro-600: var(--violet-600);\n  --role-pro-700: var(--violet-700);\n  --role-pro-800: var(--violet-800);\n  --role-pro-fill: var(--role-pro-450);\n  --role-pro-fill-hover: var(--role-pro-400);\n  --role-pro-on: var(--gray-0);\n  --role-tooltip-bg: var(--gray-900);\n  --role-tooltip-fg: var(--gray-0);\n  --fill-accent: var(--role-accent-fill);\n  --fill-accent-hover: var(--role-accent-fill-hover);\n  --fill-danger: var(--role-danger-fill);\n  --fill-danger-hover: var(--role-danger-fill-hover);\n  --fill-success: var(--role-success-fill);\n  --fill-success-hover: var(--role-success-fill-hover);\n  --fill-warning: var(--role-warning-fill);\n  --fill-warning-hover: var(--role-warning-fill-hover);\n  --fill-pro: var(--role-pro-fill);\n  --fill-pro-hover: var(--role-pro-fill-hover);\n  --fill-brand: var(--clay-emphasized);\n  --fill-brand-hover: var(--clay);\n  --bg-accent-muted: color-mix(in srgb, var(--fill-accent) 10%, transparent);\n  --bg-highlight: color-mix(in srgb, var(--fill-warning) 33%, transparent);\n  --bg-editor-claude-pending: color-mix(in srgb, var(--clay) 22%, transparent);\n  --bg-editor-highlight-yellow: var(--bg-highlight);\n  --bg-editor-highlight-green: color-mix(in srgb, var(--green-300) 33%, transparent);\n  --bg-editor-highlight-blue: color-mix(in srgb, var(--blue-300) 33%, transparent);\n  --bg-editor-highlight-magenta: color-mix(in srgb, var(--magenta-300) 33%, transparent);\n  --bg-editor-highlight-violet: color-mix(in srgb, var(--violet-300) 33%, transparent);\n  --bg-editor-highlight-gray: color-mix(in srgb, var(--gray-300) 33%, transparent);\n  --bg-editor-collaborator-1: color-mix(in srgb, var(--editor-collaborator-1) 22%, transparent);\n  --bg-editor-collaborator-2: color-mix(in srgb, var(--editor-collaborator-2) 22%, transparent);\n  --bg-editor-collaborator-3: color-mix(in srgb, var(--editor-collaborator-3) 22%, transparent);\n  --bg-editor-collaborator-4: color-mix(in srgb, var(--editor-collaborator-4) 22%, transparent);\n  --bg-editor-collaborator-5: color-mix(in srgb, var(--editor-collaborator-5) 22%, transparent);\n  --bg-editor-collaborator-6: color-mix(in srgb, var(--editor-collaborator-6) 22%, transparent);\n  --bg-editor-comment: color-mix(in srgb, var(--fill-warning) 20%, transparent);\n  --bg-editor-comment-active: color-mix(in srgb, var(--fill-warning) 45%, transparent);\n  --font-size-caption: calc(0.75rem * var(--cds-rem-scale, 1));\n  --font-size-footnote: calc(0.8125rem * var(--cds-rem-scale, 1));\n  --font-size-code: calc(0.8125rem * var(--cds-rem-scale, 1));\n  --font-size-body: calc(0.875rem * var(--cds-rem-scale, 1));\n  --font-size-prose: 1rem;\n  --font-size-heading: calc(0.9375rem * var(--cds-rem-scale, 1));\n  --font-size-title: calc(1.375rem * var(--cds-rem-scale, 1));\n  --font-weight-regular: 400;\n  --font-weight-medium: 500;\n  --font-weight-semibold: 580;\n  --font-weight-bold: 600;\n  --leading-caption: calc(1.0625rem * var(--cds-rem-scale, 1));\n  --leading-footnote: calc(1.0625rem * var(--cds-rem-scale, 1));\n  --leading-code: calc(1.1875rem * var(--cds-rem-scale, 1));\n  --leading-body: calc(1.25rem * var(--cds-rem-scale, 1));\n  --leading-prose: 1.5rem;\n  --leading-heading: calc(1.25rem * var(--cds-rem-scale, 1));\n  --leading-title: calc(1.75rem * var(--cds-rem-scale, 1));\n  --on-accent: var(--role-accent-on);\n  --on-danger: var(--role-danger-on);\n  --on-success: var(--role-success-on);\n  --on-warning: var(--role-warning-on);\n  --on-pro: var(--role-pro-on);\n  --on-brand: #ffffff;\n  --editor-collaborator-1: var(--violet-450);\n  --editor-collaborator-2: var(--magenta-450);\n  --editor-collaborator-3: var(--aqua-500);\n  --editor-collaborator-4: var(--green-500);\n  --editor-collaborator-5: var(--yellow-500);\n  --editor-collaborator-6: var(--gray-500);\n  --opacity-disabled: 0.4;\n  --opacity-icon-secondary: 0.4;\n  --z-modal: 40;\n  --z-coachmark: 35;\n  --z-popover: 50;\n  --z-tooltip: 50;\n  --z-toast: 60;\n}\n:root,\n[data-mode=\"light\"],\n[data-mode=\"dark\"],\n[data-mode=\"system\"] {\n  --border: var(--alpha-2);\n  --border-accent: var(--role-accent-250);\n  --border-danger: var(--role-danger-250);\n  --border-success: var(--role-success-250);\n  --border-warning: var(--role-warning-250);\n  --border-pro: var(--role-pro-250);\n  --border-editor-comment: var(--yellow-400);\n  --border-editor-comment-open: var(--yellow-450);\n  --border-git-added: color-mix(in srgb, var(--text-git-added) 40%, transparent);\n  --border-git-removed: color-mix(in srgb, var(--text-git-removed) 40%, transparent);\n  --border-git-modified: color-mix(in srgb, var(--text-git-modified) 40%, transparent);\n  --border-git-merged: color-mix(in srgb, var(--text-git-merged) 40%, transparent);\n  --border-git-closed: color-mix(in srgb, var(--text-git-closed) 40%, transparent);\n  --border-git-conflicting: color-mix(in srgb, var(--text-git-conflicting) 40%, transparent);\n  --border-git-draft: color-mix(in srgb, var(--text-git-draft) 40%, transparent);\n  --border-git-opened: var(--border-git-added);\n  --border-git-queued: var(--border-git-modified);\n  --border-strong: var(--alpha-3);\n  --border-stronger: hsl(from var(--neutral-900) h s l \/ 40%);\n  --shadow-sm: 0 1px 2px 0 hsl(from var(--gray-900) h s l \/ 6%), 0 2px 8px 0 var(--shadow-color);\n  --shadow-md: 0 2px 4px 0 hsl(from var(--gray-900) h s l \/ 7%), 0 6px 16px 0 var(--shadow-color);\n  --shadow-lg: 0 4px 8px 0 hsl(from var(--gray-900) h s l \/ 8%), 0 12px 28px -2px var(--shadow-color);\n  --shadow-color: hsl(from var(--gray-900) h s l \/ 8%);\n  --shadow-popover: 0 8px 24px rgb(0 0 0 \/ 0.12), 0 2px 6px rgb(0 0 0 \/ 0.08);\n  --ring-outer: 1px;\n  --ring-inner: 0px;\n  --ring-color: var(--border);\n  --focus-shadow: inset 0 0 0 1px var(--page-bg), 0 0 0 1px var(--fill-accent), 0 0 6px 1px var(--bg-accent);\n  --focus-shadow-danger: inset 0 0 0 1px var(--page-bg), 0 0 0 1px var(--fill-danger), 0 0 6px 1px var(--bg-danger);\n  --pictogram-highlight-default: var(--gray-80);\n  --pictogram-highlight-heather: var(--heather);\n  --pictogram-highlight-cactus: var(--cactus);\n  --neutral-0: var(--gray-0);\n  --neutral-10: var(--gray-10);\n  --neutral-20: var(--gray-20);\n  --neutral-30: var(--gray-30);\n  --neutral-40: var(--gray-40);\n  --neutral-50: var(--gray-50);\n  --neutral-60: var(--gray-60);\n  --neutral-70: var(--gray-70);\n  --neutral-80: var(--gray-80);\n  --neutral-90: var(--gray-90);\n  --neutral-100: var(--gray-100);\n  --neutral-150: var(--gray-150);\n  --neutral-200: var(--gray-200);\n  --neutral-250: var(--gray-250);\n  --neutral-300: var(--gray-300);\n  --neutral-350: var(--gray-350);\n  --neutral-400: var(--gray-400);\n  --neutral-450: var(--gray-450);\n  --neutral-500: var(--gray-500);\n  --neutral-550: var(--gray-550);\n  --neutral-600: var(--gray-600);\n  --neutral-650: var(--gray-650);\n  --neutral-700: var(--gray-700);\n  --neutral-750: var(--gray-750);\n  --neutral-800: var(--gray-800);\n  --neutral-810: var(--gray-810);\n  --neutral-820: var(--gray-820);\n  --neutral-830: var(--gray-830);\n  --neutral-840: var(--gray-840);\n  --neutral-850: var(--gray-850);\n  --neutral-860: var(--gray-860);\n  --neutral-870: var(--gray-870);\n  --neutral-880: var(--gray-880);\n  --neutral-890: var(--gray-890);\n  --neutral-900: var(--gray-900);\n  --alpha-0: hsl(from var(--neutral-900) h s l \/ 0%);\n  --alpha-1: hsl(from var(--neutral-900) h s l \/ 5%);\n  --alpha-2: hsl(from var(--neutral-900) h s l \/ 10%);\n  --alpha-3: hsl(from var(--neutral-900) h s l \/ 20%);\n  --alpha-4: hsl(from var(--neutral-900) h s l \/ 35%);\n  --alpha-5: hsl(from var(--neutral-900) h s l \/ 50%);\n  --alpha-6: hsl(from var(--neutral-900) h s l \/ 60%);\n  --alpha-7: hsl(from var(--neutral-900) h s l \/ 70%);\n  --alpha-8: hsl(from var(--neutral-900) h s l \/ 85%);\n  --alpha-9: hsl(from var(--neutral-900) h s l \/ 95%);\n  --surface-0: var(--gray-20);\n  --surface-1: var(--gray-10);\n  --surface-2: var(--gray-0);\n  --surface-3: var(--gray-0);\n  --surface-popover: var(--surface-3);\n  --surface-panel: var(--surface-2);\n  --page-bg: var(--surface-0);\n  --fill-git-added: #1a8633;\n  --fill-git-added-hover: #1e9b3b;\n  --fill-git-removed: var(--text-git-removed);\n  --fill-git-removed-hover: #de295f;\n  --fill-git-modified: #8b751c;\n  --fill-git-modified-hover: #a08720;\n  --fill-git-merged: #855fd6;\n  --fill-git-merged-hover: #9473db;\n  --fill-git-closed: #ed0b00;\n  --fill-git-closed-hover: #ff1307;\n  --fill-git-conflicting: #b85b19;\n  --fill-git-conflicting-hover: #c5621b;\n  --fill-git-draft: var(--text-git-draft);\n  --fill-git-draft-hover: #808080;\n  --fill-git-opened: var(--fill-git-added);\n  --fill-git-opened-hover: var(--fill-git-added-hover);\n  --fill-git-queued: var(--fill-git-modified);\n  --fill-git-queued-hover: var(--fill-git-modified-hover);\n  --fill-primary: var(--neutral-900);\n  --fill-primary-hover: var(--neutral-750);\n  --fill-secondary: hsl(0 0% 100% \/ 0.1);\n  --fill-secondary-hover: var(--alpha-1);\n  --fill-secondary-ring: var(--border);\n  --fill-secondary-pressed-ring: var(--border);\n  --fill-field: hsl(0 0% 100% \/ 0.5);\n  --fill-field-ring: var(--border);\n  --fill-ghost-hover: var(--alpha-1);\n  --fill-ghost-selected: var(--alpha-2);\n  --fill-disabled: var(--alpha-1);\n  --fill-control: var(--alpha-2);\n  --fill-control-hover: var(--alpha-3);\n  --bg-accent: var(--role-accent-100);\n  --bg-danger: var(--role-danger-100);\n  --bg-success: var(--role-success-100);\n  --bg-warning: var(--role-warning-100);\n  --bg-pro: var(--role-pro-100);\n  --bg-tint-red: rgb(from var(--red-100) calc((r - 163.8) \/ 0.35) calc((g - 163.8) \/ 0.35) calc((b - 163.15) \/ 0.35) \/ 35%);\n  --bg-tint-red-opaque: var(--red-100);\n  --bg-tint-orange: rgb(from var(--orange-100) calc((r - 163.8) \/ 0.35) calc((g - 163.8) \/ 0.35) calc((b - 163.15) \/ 0.35) \/ 35%);\n  --bg-tint-orange-opaque: var(--orange-100);\n  --bg-tint-yellow: rgb(from var(--yellow-100) calc((r - 163.8) \/ 0.35) calc((g - 163.8) \/ 0.35) calc((b - 163.15) \/ 0.35) \/ 35%);\n  --bg-tint-yellow-opaque: var(--yellow-100);\n  --bg-tint-green: rgb(from var(--green-100) calc((r - 163.8) \/ 0.35) calc((g - 163.8) \/ 0.35) calc((b - 163.15) \/ 0.35) \/ 35%);\n  --bg-tint-green-opaque: var(--green-100);\n  --bg-tint-aqua: rgb(from var(--aqua-100) calc((r - 163.8) \/ 0.35) calc((g - 163.8) \/ 0.35) calc((b - 163.15) \/ 0.35) \/ 35%);\n  --bg-tint-aqua-opaque: var(--aqua-100);\n  --bg-tint-blue: rgb(from var(--blue-100) calc((r - 163.8) \/ 0.35) calc((g - 163.8) \/ 0.35) calc((b - 163.15) \/ 0.35) \/ 35%);\n  --bg-tint-blue-opaque: var(--blue-100);\n  --bg-tint-violet: rgb(from var(--violet-100) calc((r - 163.8) \/ 0.35) calc((g - 163.8) \/ 0.35) calc((b - 163.15) \/ 0.35) \/ 35%);\n  --bg-tint-violet-opaque: var(--violet-100);\n  --bg-tint-magenta: rgb(from var(--magenta-100) calc((r - 163.8) \/ 0.35) calc((g - 163.8) \/ 0.35) calc((b - 163.15) \/ 0.35) \/ 35%);\n  --bg-tint-magenta-opaque: var(--magenta-100);\n  --bg-git-added: color-mix(in srgb, var(--text-git-added) 20%, transparent);\n  --bg-git-removed: color-mix(in srgb, var(--text-git-removed) 20%, transparent);\n  --bg-git-modified: color-mix(in srgb, var(--text-git-modified) 20%, transparent);\n  --bg-git-merged: color-mix(in srgb, var(--text-git-merged) 20%, transparent);\n  --bg-git-closed: color-mix(in srgb, var(--text-git-closed) 20%, transparent);\n  --bg-git-conflicting: color-mix(in srgb, var(--text-git-conflicting) 20%, transparent);\n  --bg-git-draft: color-mix(in srgb, var(--text-git-draft) 20%, transparent);\n  --bg-git-opened: var(--bg-git-added);\n  --bg-git-queued: var(--bg-git-modified);\n  --bg-editor-canvas: var(--neutral-60);\n  --bg-neutral: var(--alpha-1);\n  --bg-neutral-hover: var(--alpha-2);\n  --bg-user-message: var(--bg-neutral);\n  --backdrop: rgb(0 0 0 \/ 0.4);\n  --text-accent: var(--role-accent-600);\n  --text-danger: var(--role-danger-600);\n  --text-success: var(--role-success-600);\n  --text-warning: var(--role-warning-600);\n  --text-pro: var(--role-pro-600);\n  --text-tint-red: var(--red-600);\n  --text-tint-orange: var(--orange-600);\n  --text-tint-yellow: var(--yellow-600);\n  --text-tint-green: var(--green-600);\n  --text-tint-aqua: var(--aqua-600);\n  --text-tint-blue: var(--blue-600);\n  --text-tint-violet: var(--violet-600);\n  --text-tint-magenta: var(--magenta-600);\n  --text-git-added: #1e9e3c;\n  --text-git-removed: #cd2054;\n  --text-git-modified: #98801f;\n  --text-git-merged: #8e6bd9;\n  --text-git-closed: #ff3a30;\n  --text-git-conflicting: #c5621b;\n  --text-git-draft: #737373;\n  --text-git-opened: var(--text-git-added);\n  --text-git-queued: var(--text-git-modified);\n  --text-primary: var(--neutral-900);\n  --text-secondary: var(--neutral-600);\n  --text-muted: var(--neutral-400);\n  --text-disabled: var(--alpha-4);\n  --on-primary: var(--neutral-0);\n  --on-git-added: var(--gray-0);\n  --on-git-removed: var(--gray-0);\n  --on-git-modified: var(--gray-0);\n  --on-git-merged: var(--gray-0);\n  --on-git-closed: var(--gray-0);\n  --on-git-conflicting: var(--gray-0);\n  --on-git-draft: var(--gray-0);\n  --on-git-opened: var(--on-git-added);\n  --on-git-queued: var(--on-git-modified);\n  --chart-categorical-1: var(--blue-450);\n  --chart-categorical-2: var(--orange-350);\n  --chart-categorical-3: var(--aqua-350);\n  --chart-categorical-4: var(--yellow-250);\n  --chart-categorical-5: var(--magenta-300);\n  --chart-categorical-6: var(--green-500);\n  --chart-categorical-7: var(--violet-500);\n  --chart-categorical-8: var(--red-400);\n  --chart-sequential-1: var(--blue-100);\n  --chart-sequential-2: var(--blue-200);\n  --chart-sequential-3: var(--blue-300);\n  --chart-sequential-4: var(--blue-400);\n  --chart-sequential-5: var(--blue-500);\n  --chart-sequential-6: var(--blue-600);\n  --chart-sequential-7: var(--blue-700);\n  --chart-diverging-1: var(--blue-500);\n  --chart-diverging-2: var(--blue-350);\n  --chart-diverging-3: var(--blue-200);\n  --chart-diverging-4: var(--gray-50);\n  --chart-diverging-5: var(--red-200);\n  --chart-diverging-6: var(--red-350);\n  --chart-diverging-7: var(--red-500);\n  --chart-status-good: var(--green-400);\n  --chart-status-warning: var(--yellow-200);\n  --chart-status-serious: var(--orange-300);\n  --chart-status-critical: var(--red-450);\n  --chart-muted: var(--gray-200);\n  --chart-reference: var(--gray-400);\n  --chart-reference-tint: hsl(from var(--gray-400) h s l \/ 15%);\n  --chart-grid: var(--alpha-2);\n  --chart-axis: var(--gray-200);\n  --chart-baseline: var(--gray-200);\n}\n@media screen {\n  [data-mode=\"dark\"] {\n    --border-accent: var(--role-accent-700);\n    --border-danger: var(--role-danger-700);\n    --border-success: var(--role-success-700);\n    --border-warning: var(--role-warning-700);\n    --border-pro: var(--role-pro-700);\n    --border-editor-comment: var(--yellow-300);\n    --border-editor-comment-open: var(--yellow-200);\n    --shadow-color: rgba(0, 0, 0, 0.24);\n    --shadow-popover: 0 8px 24px rgb(0 0 0 \/ 0.32), 0 2px 6px rgb(0 0 0 \/ 0.2);\n    --ring-outer: 0px;\n    --ring-inner: 1px;\n    --ring-color: var(--alpha-2);\n    --focus-shadow: inset 0 0 0 1px var(--page-bg), 0 0 0 1px var(--fill-accent), 0 0 6px 1px hsl(from var(--role-accent-600) h s l \/ 60%);\n    --focus-shadow-danger: inset 0 0 0 1px var(--page-bg), 0 0 0 1px var(--fill-danger), 0 0 6px 1px hsl(from var(--role-danger-600) h s l \/ 60%);\n    --pictogram-highlight-default: var(--gray-650);\n    --pictogram-highlight-heather: var(--plum);\n    --pictogram-highlight-cactus: var(--mineral);\n    --neutral-0: var(--gray-900);\n    --neutral-10: var(--gray-890);\n    --neutral-20: var(--gray-880);\n    --neutral-30: var(--gray-870);\n    --neutral-40: var(--gray-860);\n    --neutral-50: var(--gray-850);\n    --neutral-60: var(--gray-840);\n    --neutral-70: var(--gray-830);\n    --neutral-80: var(--gray-820);\n    --neutral-90: var(--gray-810);\n    --neutral-100: var(--gray-800);\n    --neutral-150: var(--gray-750);\n    --neutral-200: var(--gray-700);\n    --neutral-250: var(--gray-650);\n    --neutral-300: var(--gray-600);\n    --neutral-350: var(--gray-550);\n    --neutral-400: var(--gray-500);\n    --neutral-450: var(--gray-450);\n    --neutral-500: var(--gray-400);\n    --neutral-550: var(--gray-350);\n    --neutral-600: var(--gray-300);\n    --neutral-650: var(--gray-250);\n    --neutral-700: var(--gray-200);\n    --neutral-750: var(--gray-150);\n    --neutral-800: var(--gray-100);\n    --neutral-810: var(--gray-90);\n    --neutral-820: var(--gray-80);\n    --neutral-830: var(--gray-70);\n    --neutral-840: var(--gray-60);\n    --neutral-850: var(--gray-50);\n    --neutral-860: var(--gray-40);\n    --neutral-870: var(--gray-30);\n    --neutral-880: var(--gray-20);\n    --neutral-890: var(--gray-10);\n    --neutral-900: var(--gray-0);\n    --surface-0: var(--gray-900);\n    --surface-1: var(--gray-850);\n    --surface-2: var(--gray-830);\n    --surface-3: var(--gray-800);\n    --fill-git-added: var(--text-git-added);\n    --fill-git-added-hover: #27c840;\n    --fill-git-removed-hover: #ff1342;\n    --fill-git-modified: var(--text-git-modified);\n    --fill-git-modified-hover: #fac800;\n    --fill-git-merged: var(--text-git-merged);\n    --fill-git-merged-hover: #a67dff;\n    --fill-git-closed: var(--text-git-closed);\n    --fill-git-closed-hover: #ff4940;\n    --fill-git-conflicting: var(--text-git-conflicting);\n    --fill-git-conflicting-hover: #f97a1f;\n    --fill-git-draft-hover: #999999;\n    --fill-primary-hover: var(--gray-100);\n    --fill-secondary: var(--alpha-2);\n    --fill-secondary-hover: hsl(from var(--neutral-900) h s l \/ 14%);\n    --fill-secondary-ring: transparent;\n    --fill-field: var(--alpha-1);\n    --fill-ghost-hover: hsl(from var(--neutral-900) h s l \/ 7.5%);\n    --fill-ghost-selected: hsl(from var(--neutral-900) h s l \/ 15%);\n    --bg-accent: var(--role-accent-800);\n    --bg-danger: var(--role-danger-800);\n    --bg-success: var(--role-success-800);\n    --bg-warning: var(--role-warning-800);\n    --bg-pro: var(--role-pro-800);\n    --bg-tint-red: rgb(from var(--red-800) calc((r - 5.25) \/ 0.75) calc((g - 5.25) \/ 0.75) calc((b - 5.25) \/ 0.75) \/ 75%);\n    --bg-tint-red-opaque: var(--red-800);\n    --bg-tint-orange: rgb(from var(--orange-800) calc((r - 5.25) \/ 0.75) calc((g - 5.25) \/ 0.75) calc((b - 5.25) \/ 0.75) \/ 75%);\n    --bg-tint-orange-opaque: var(--orange-800);\n    --bg-tint-yellow: rgb(from var(--yellow-800) calc((r - 5.25) \/ 0.75) calc((g - 5.25) \/ 0.75) calc((b - 5.25) \/ 0.75) \/ 75%);\n    --bg-tint-yellow-opaque: var(--yellow-800);\n    --bg-tint-green: rgb(from var(--green-800) calc((r - 5.25) \/ 0.75) calc((g - 5.25) \/ 0.75) calc((b - 5.25) \/ 0.75) \/ 75%);\n    --bg-tint-green-opaque: var(--green-800);\n    --bg-tint-aqua: rgb(from var(--aqua-800) calc((r - 5.25) \/ 0.75) calc((g - 5.25) \/ 0.75) calc((b - 5.25) \/ 0.75) \/ 75%);\n    --bg-tint-aqua-opaque: var(--aqua-800);\n    --bg-tint-blue: rgb(from var(--blue-800) calc((r - 5.25) \/ 0.75) calc((g - 5.25) \/ 0.75) calc((b - 5.25) \/ 0.75) \/ 75%);\n    --bg-tint-blue-opaque: var(--blue-800);\n    --bg-tint-violet: rgb(from var(--violet-800) calc((r - 5.25) \/ 0.75) calc((g - 5.25) \/ 0.75) calc((b - 5.25) \/ 0.75) \/ 75%);\n    --bg-tint-violet-opaque: var(--violet-800);\n    --bg-tint-magenta: rgb(from var(--magenta-800) calc((r - 5.25) \/ 0.75) calc((g - 5.25) \/ 0.75) calc((b - 5.25) \/ 0.75) \/ 75%);\n    --bg-tint-magenta-opaque: var(--magenta-800);\n    --backdrop: rgb(0 0 0 \/ 0.5);\n    --text-accent: var(--role-accent-300);\n    --text-danger: var(--role-danger-300);\n    --text-success: var(--role-success-400);\n    --text-warning: var(--role-warning-300);\n    --text-pro: var(--role-pro-300);\n    --text-tint-red: var(--red-300);\n    --text-tint-orange: var(--orange-300);\n    --text-tint-yellow: var(--yellow-300);\n    --text-tint-green: var(--green-300);\n    --text-tint-aqua: var(--aqua-300);\n    --text-tint-blue: var(--blue-300);\n    --text-tint-violet: var(--violet-300);\n    --text-tint-magenta: var(--magenta-300);\n    --text-git-added: #32d74b;\n    --text-git-removed: #ff2c56;\n    --text-git-modified: #ffd014;\n    --text-git-merged: #b796ff;\n    --text-git-closed: #ff6159;\n    --text-git-conflicting: #fa832e;\n    --text-git-draft: #a6a6a6;\n    --text-primary: var(--gray-50);\n    --text-secondary: var(--gray-200);\n    --text-muted: var(--gray-400);\n    --on-git-added: var(--gray-900);\n    --on-git-removed: var(--gray-900);\n    --on-git-modified: var(--gray-900);\n    --on-git-merged: var(--gray-900);\n    --on-git-closed: var(--gray-900);\n    --on-git-conflicting: var(--gray-900);\n    --on-git-draft: var(--gray-900);\n    --chart-categorical-1: var(--blue-400);\n    --chart-categorical-2: var(--orange-400);\n    --chart-categorical-3: var(--aqua-400);\n    --chart-categorical-4: var(--yellow-350);\n    --chart-categorical-5: var(--magenta-400);\n    --chart-categorical-6: var(--green-500);\n    --chart-categorical-7: var(--violet-350);\n    --chart-categorical-8: var(--red-350);\n    --chart-sequential-1: var(--blue-700);\n    --chart-sequential-2: var(--blue-600);\n    --chart-sequential-3: var(--blue-500);\n    --chart-sequential-4: var(--blue-400);\n    --chart-sequential-5: var(--blue-300);\n    --chart-sequential-6: var(--blue-200);\n    --chart-sequential-7: var(--blue-100);\n    --chart-diverging-1: var(--blue-300);\n    --chart-diverging-2: var(--blue-450);\n    --chart-diverging-3: var(--blue-600);\n    --chart-diverging-4: var(--gray-700);\n    --chart-diverging-5: var(--red-600);\n    --chart-diverging-6: var(--red-450);\n    --chart-diverging-7: var(--red-300);\n    --chart-status-good: var(--green-400);\n    --chart-status-warning: var(--yellow-200);\n    --chart-status-serious: var(--orange-300);\n    --chart-status-critical: var(--red-450);\n    --chart-muted: var(--gray-550);\n    --chart-reference: var(--gray-350);\n    --chart-reference-tint: hsl(from var(--gray-350) h s l \/ 15%);\n    --chart-axis: var(--gray-700);\n    --chart-baseline: var(--gray-700);\n  }\n}\n@media screen and (prefers-color-scheme: dark) {\n  :root:where(:not([data-mode=\"light\"])),\n  [data-mode=\"system\"] {\n    --border-accent: var(--role-accent-700);\n    --border-danger: var(--role-danger-700);\n    --border-success: var(--role-success-700);\n    --border-warning: var(--role-warning-700);\n    --border-pro: var(--role-pro-700);\n    --border-editor-comment: var(--yellow-300);\n    --border-editor-comment-open: var(--yellow-200);\n    --shadow-color: rgba(0, 0, 0, 0.24);\n    --shadow-popover: 0 8px 24px rgb(0 0 0 \/ 0.32), 0 2px 6px rgb(0 0 0 \/ 0.2);\n    --ring-outer: 0px;\n    --ring-inner: 1px;\n    --ring-color: var(--alpha-2);\n    --focus-shadow: inset 0 0 0 1px var(--page-bg), 0 0 0 1px var(--fill-accent), 0 0 6px 1px hsl(from var(--role-accent-600) h s l \/ 60%);\n    --focus-shadow-danger: inset 0 0 0 1px var(--page-bg), 0 0 0 1px var(--fill-danger), 0 0 6px 1px hsl(from var(--role-danger-600) h s l \/ 60%);\n    --pictogram-highlight-default: var(--gray-650);\n    --pictogram-highlight-heather: var(--plum);\n    --pictogram-highlight-cactus: var(--mineral);\n    --neutral-0: var(--gray-900);\n    --neutral-10: var(--gray-890);\n    --neutral-20: var(--gray-880);\n    --neutral-30: var(--gray-870);\n    --neutral-40: var(--gray-860);\n    --neutral-50: var(--gray-850);\n    --neutral-60: var(--gray-840);\n    --neutral-70: var(--gray-830);\n    --neutral-80: var(--gray-820);\n    --neutral-90: var(--gray-810);\n    --neutral-100: var(--gray-800);\n    --neutral-150: var(--gray-750);\n    --neutral-200: var(--gray-700);\n    --neutral-250: var(--gray-650);\n    --neutral-300: var(--gray-600);\n    --neutral-350: var(--gray-550);\n    --neutral-400: var(--gray-500);\n    --neutral-450: var(--gray-450);\n    --neutral-500: var(--gray-400);\n    --neutral-550: var(--gray-350);\n    --neutral-600: var(--gray-300);\n    --neutral-650: var(--gray-250);\n    --neutral-700: var(--gray-200);\n    --neutral-750: var(--gray-150);\n    --neutral-800: var(--gray-100);\n    --neutral-810: var(--gray-90);\n    --neutral-820: var(--gray-80);\n    --neutral-830: var(--gray-70);\n    --neutral-840: var(--gray-60);\n    --neutral-850: var(--gray-50);\n    --neutral-860: var(--gray-40);\n    --neutral-870: var(--gray-30);\n    --neutral-880: var(--gray-20);\n    --neutral-890: var(--gray-10);\n    --neutral-900: var(--gray-0);\n    --surface-0: var(--gray-900);\n    --surface-1: var(--gray-850);\n    --surface-2: var(--gray-830);\n    --surface-3: var(--gray-800);\n    --fill-git-added: var(--text-git-added);\n    --fill-git-added-hover: #27c840;\n    --fill-git-removed-hover: #ff1342;\n    --fill-git-modified: var(--text-git-modified);\n    --fill-git-modified-hover: #fac800;\n    --fill-git-merged: var(--text-git-merged);\n    --fill-git-merged-hover: #a67dff;\n    --fill-git-closed: var(--text-git-closed);\n    --fill-git-closed-hover: #ff4940;\n    --fill-git-conflicting: var(--text-git-conflicting);\n    --fill-git-conflicting-hover: #f97a1f;\n    --fill-git-draft-hover: #999999;\n    --fill-primary-hover: var(--gray-100);\n    --fill-secondary: var(--alpha-2);\n    --fill-secondary-hover: hsl(from var(--neutral-900) h s l \/ 14%);\n    --fill-secondary-ring: transparent;\n    --fill-field: var(--alpha-1);\n    --fill-ghost-hover: hsl(from var(--neutral-900) h s l \/ 7.5%);\n    --fill-ghost-selected: hsl(from var(--neutral-900) h s l \/ 15%);\n    --bg-accent: var(--role-accent-800);\n    --bg-danger: var(--role-danger-800);\n    --bg-success: var(--role-success-800);\n    --bg-warning: var(--role-warning-800);\n    --bg-pro: var(--role-pro-800);\n    --bg-tint-red: rgb(from var(--red-800) calc((r - 5.25) \/ 0.75) calc((g - 5.25) \/ 0.75) calc((b - 5.25) \/ 0.75) \/ 75%);\n    --bg-tint-red-opaque: var(--red-800);\n    --bg-tint-orange: rgb(from var(--orange-800) calc((r - 5.25) \/ 0.75) calc((g - 5.25) \/ 0.75) calc((b - 5.25) \/ 0.75) \/ 75%);\n    --bg-tint-orange-opaque: var(--orange-800);\n    --bg-tint-yellow: rgb(from var(--yellow-800) calc((r - 5.25) \/ 0.75) calc((g - 5.25) \/ 0.75) calc((b - 5.25) \/ 0.75) \/ 75%);\n    --bg-tint-yellow-opaque: var(--yellow-800);\n    --bg-tint-green: rgb(from var(--green-800) calc((r - 5.25) \/ 0.75) calc((g - 5.25) \/ 0.75) calc((b - 5.25) \/ 0.75) \/ 75%);\n    --bg-tint-green-opaque: var(--green-800);\n    --bg-tint-aqua: rgb(from var(--aqua-800) calc((r - 5.25) \/ 0.75) calc((g - 5.25) \/ 0.75) calc((b - 5.25) \/ 0.75) \/ 75%);\n    --bg-tint-aqua-opaque: var(--aqua-800);\n    --bg-tint-blue: rgb(from var(--blue-800) calc((r - 5.25) \/ 0.75) calc((g - 5.25) \/ 0.75) calc((b - 5.25) \/ 0.75) \/ 75%);\n    --bg-tint-blue-opaque: var(--blue-800);\n    --bg-tint-violet: rgb(from var(--violet-800) calc((r - 5.25) \/ 0.75) calc((g - 5.25) \/ 0.75) calc((b - 5.25) \/ 0.75) \/ 75%);\n    --bg-tint-violet-opaque: var(--violet-800);\n    --bg-tint-magenta: rgb(from var(--magenta-800) calc((r - 5.25) \/ 0.75) calc((g - 5.25) \/ 0.75) calc((b - 5.25) \/ 0.75) \/ 75%);\n    --bg-tint-magenta-opaque: var(--magenta-800);\n    --backdrop: rgb(0 0 0 \/ 0.5);\n    --text-accent: var(--role-accent-300);\n    --text-danger: var(--role-danger-300);\n    --text-success: var(--role-success-400);\n    --text-warning: var(--role-warning-300);\n    --text-pro: var(--role-pro-300);\n    --text-tint-red: var(--red-300);\n    --text-tint-orange: var(--orange-300);\n    --text-tint-yellow: var(--yellow-300);\n    --text-tint-green: var(--green-300);\n    --text-tint-aqua: var(--aqua-300);\n    --text-tint-blue: var(--blue-300);\n    --text-tint-violet: var(--violet-300);\n    --text-tint-magenta: var(--magenta-300);\n    --text-git-added: #32d74b;\n    --text-git-removed: #ff2c56;\n    --text-git-modified: #ffd014;\n    --text-git-merged: #b796ff;\n    --text-git-closed: #ff6159;\n    --text-git-conflicting: #fa832e;\n    --text-git-draft: #a6a6a6;\n    --text-primary: var(--gray-50);\n    --text-secondary: var(--gray-200);\n    --text-muted: var(--gray-400);\n    --on-git-added: var(--gray-900);\n    --on-git-removed: var(--gray-900);\n    --on-git-modified: var(--gray-900);\n    --on-git-merged: var(--gray-900);\n    --on-git-closed: var(--gray-900);\n    --on-git-conflicting: var(--gray-900);\n    --on-git-draft: var(--gray-900);\n    --chart-categorical-1: var(--blue-400);\n    --chart-categorical-2: var(--orange-400);\n    --chart-categorical-3: var(--aqua-400);\n    --chart-categorical-4: var(--yellow-350);\n    --chart-categorical-5: var(--magenta-400);\n    --chart-categorical-6: var(--green-500);\n    --chart-categorical-7: var(--violet-350);\n    --chart-categorical-8: var(--red-350);\n    --chart-sequential-1: var(--blue-700);\n    --chart-sequential-2: var(--blue-600);\n    --chart-sequential-3: var(--blue-500);\n    --chart-sequential-4: var(--blue-400);\n    --chart-sequential-5: var(--blue-300);\n    --chart-sequential-6: var(--blue-200);\n    --chart-sequential-7: var(--blue-100);\n    --chart-diverging-1: var(--blue-300);\n    --chart-diverging-2: var(--blue-450);\n    --chart-diverging-3: var(--blue-600);\n    --chart-diverging-4: var(--gray-700);\n    --chart-diverging-5: var(--red-600);\n    --chart-diverging-6: var(--red-450);\n    --chart-diverging-7: var(--red-300);\n    --chart-status-good: var(--green-400);\n    --chart-status-warning: var(--yellow-200);\n    --chart-status-serious: var(--orange-300);\n    --chart-status-critical: var(--red-450);\n    --chart-muted: var(--gray-550);\n    --chart-reference: var(--gray-350);\n    --chart-reference-tint: hsl(from var(--gray-350) h s l \/ 15%);\n    --chart-axis: var(--gray-700);\n    --chart-baseline: var(--gray-700);\n  }\n}\n:root,\n[data-platform=\"web\"],\n[data-platform=\"desktop\"] {\n  --cursor-interactive: pointer;\n}\n[data-platform=\"desktop\"] {\n  --cursor-interactive: default;\n}\n[data-mode=\"light\"]:not(:root),\n[data-mode=\"system\"]:not(:root) {\n  color-scheme: light;\n}\n@media screen {\n  [data-mode=\"dark\"]:not(:root) {\n    color-scheme: dark;\n  }\n}\n@media screen and (prefers-color-scheme: dark) {\n  [data-mode=\"system\"]:not(:root) {\n    color-scheme: dark;\n  }\n}\n:root {\n  color-scheme: light dark;\n  --font-serif: \"anthropic-serif\", Georgia, \"Times New Roman\", serif;\n}\n* {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n}\ninput,\nselect,\ntextarea,\nbutton {\n  font-family: inherit;\n}\nbody {\n  font-family:\n    \"anthropic-sans\",\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    sans-serif;\n  background: transparent;\n}\nhtml:where(:not([data-saved])),\n:where(html:not([data-saved])) body {\n  scrollbar-width: none;\n}\nhtml:where(:not([data-saved]))::-webkit-scrollbar,\n:where(html:not([data-saved])) body::-webkit-scrollbar {\n  width: 0;\n  height: 0;\n}\n:root {\n  --p: var(--text-primary);\n  --s: var(--text-secondary);\n  --t: var(--text-muted);\n  --bg2: var(--surface-1);\n  --b: var(--border-strong);\n}\n.t {\n  font-size: 14px;\n  fill: var(--p);\n}\n.ts {\n  font-size: 12px;\n  fill: var(--s);\n}\n.th {\n  font-size: 14px;\n  fill: var(--p);\n  font-weight: 500;\n}\n.box {\n  fill: var(--bg2);\n  stroke: var(--b);\n}\n.arr {\n  stroke: var(--t);\n  fill: none;\n  stroke-width: 1.5;\n}\n.node {\n  cursor: pointer;\n}\n.node:hover rect,\n.node:hover .box {\n  filter: brightness(0.97);\n}\n.node:hover text {\n  opacity: 0.8;\n}\ninput:not([type=\"range\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):not(\n    form.elicit *\n  ),\nselect:not(form.elicit *),\ntextarea:not(form.elicit *) {\n  --input-font-size: max(16px, var(--font-text-md-size, 16px));\n  width: 100%;\n  height: calc(var(--input-font-size) * 2.25);\n  padding: 8px 12px;\n  font-size: var(--input-font-size);\n  background: var(--surface-2);\n  color: var(--text-primary);\n  border: 0.5px solid var(--border);\n  border-radius: 6px;\n  outline: none;\n  transition:\n    border-color 0.15s,\n    box-shadow 0.15s;\n}\ntextarea {\n  height: auto;\n  min-height: 80px;\n  resize: vertical;\n}\ninput:not([type=\"range\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):not(\n    form.elicit *\n  ):hover,\nselect:not(form.elicit *):hover,\ntextarea:not(form.elicit *):hover {\n  border-color: var(--border-strong);\n}\ninput:not([type=\"range\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):not(\n    form.elicit *\n  ):focus,\nselect:not(form.elicit *):focus,\ntextarea:not(form.elicit *):focus {\n  border-color: var(--border-accent);\n  box-shadow: 0 0 0 3px var(--bg-accent);\n}\nselect {\n  cursor: pointer;\n}\ninput[type=\"range\"] {\n  -webkit-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 4px;\n  background: light-dark(rgba(0, 0, 0, 0.08), rgba(255, 255, 255, 0.1));\n  border-radius: 2px;\n  outline: none;\n}\ninput[type=\"range\"]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  width: 18px;\n  height: 18px;\n  border-radius: 50%;\n  background: var(--surface-2);\n  border: 1px solid var(--border-strong);\n  cursor: pointer;\n  transition:\n    border-color 0.15s,\n    transform 0.15s;\n}\ninput[type=\"range\"]:hover::-webkit-slider-thumb {\n  border-color: var(--border-stronger);\n  transform: scale(1.1);\n}\ninput[type=\"range\"]::-moz-range-thumb {\n  width: 18px;\n  height: 18px;\n  border-radius: 50%;\n  background: var(--surface-2);\n  border: 1px solid var(--border-strong);\n  cursor: pointer;\n}\nbutton:not(\n    #action-btns button,\n    :where(#vis-container ~ #larger-btns) button\n  ):not(form.elicit button) {\n  padding: 8px 16px;\n  font-size: var(--font-text-sm-size, 14px);\n  background: transparent;\n  color: var(--text-primary);\n  border: 0.5px solid var(--border-strong);\n  border-radius: var(--radius);\n  cursor: pointer;\n  transition:\n    background 0.15s,\n    transform 0.1s;\n}\nbutton:not(\n    #action-btns button,\n    :where(#vis-container ~ #larger-btns) button\n  ):not(form.elicit button):hover {\n  background: var(--surface-1);\n}\nbutton:not(\n    #action-btns button,\n    :where(#vis-container ~ #larger-btns) button\n  ):not(form.elicit button):active {\n  background: var(--border);\n  transform: scale(0.98);\n}\nform.elicit {\n  background: var(--surface-2);\n  border: 0.5px solid var(--border);\n  border-radius: 16px;\n  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.04);\n  margin: 4px 20px 24px;\n  overflow: hidden;\n  font-family: var(--font-sans);\n  font-size: var(--font-text-sm-size, 14px);\n  line-height: 1.4;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  transition:\n    background-color 200ms ease-out,\n    box-shadow 200ms ease-out,\n    border-radius 200ms ease-out,\n    padding 200ms ease-out,\n    margin 200ms ease-out;\n  --elicit-border-faint: color-mix(in srgb, var(--border) 25%, transparent);\n  --elicit-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n}\nform.elicit :is(button, input, textarea) {\n  font: inherit;\n}\nform.elicit .elicit-header,\nform.elicit .elicit-question {\n  font-family: var(--font-voice);\n  font-size: var(--font-text-md-size, 16px);\n  font-weight: 400;\n  line-height: 1.5;\n  color: var(--text-primary);\n}\nform.elicit .elicit-header {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  height: calc(var(--font-text-md-size, 16px) * 2.75);\n  padding: 0 16px;\n  border-bottom: 0.5px solid var(--border);\n}\nform.elicit .elicit-header > svg {\n  width: 20px;\n  height: 20px;\n  flex-shrink: 0;\n  fill: currentColor;\n}\nform.elicit .elicit-header > span {\n  flex: 1;\n}\nform.elicit .elicit-body {\n  padding: 32px 24px;\n  display: flex;\n  flex-direction: column;\n  gap: 40px;\n}\nform.elicit .elicit-group {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\nform.elicit .elicit-question {\n  margin: 0;\n}\nform.elicit .elicit-pills {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n}\nform.elicit .elicit-pill {\n  padding: 8px 12px;\n  border: 0.5px solid var(--border);\n  border-radius: 9999px;\n  background: transparent;\n  color: var(--text-secondary);\n  cursor: pointer;\n  transition:\n    border-color 120ms ease,\n    background-color 120ms ease;\n}\nform.elicit .elicit-pill:hover {\n  border-color: var(--border-strong);\n}\nform.elicit .elicit-pill[data-accent=\"warning\"] {\n  border-color: var(--text-warning);\n  background: color-mix(in srgb, var(--text-warning) 15%, transparent);\n  color: var(--text-warning);\n}\nform.elicit .elicit-pill[data-accent=\"danger\"] {\n  border-color: var(--text-danger);\n  background: color-mix(in srgb, var(--text-danger) 15%, transparent);\n  color: var(--text-danger);\n}\nform.elicit .elicit-pill[data-accent=\"success\"] {\n  border-color: var(--text-success);\n  background: color-mix(in srgb, var(--text-success) 15%, transparent);\n  color: var(--text-success);\n}\nform.elicit .elicit-pill[aria-pressed=\"true\"] {\n  border: 0.5px solid var(--text-accent);\n  background: color-mix(in srgb, var(--text-accent) 15%, transparent);\n  color: var(--text-accent);\n}\nform.elicit .elicit-other {\n  margin-top: 8px;\n  height: calc(var(--font-text-sm-size, 14px) * 40 \/ 14);\n  padding: 0 12px;\n  border: 0.5px solid var(--border);\n  border-radius: 8px;\n  background: var(--surface-2);\n  color: var(--text-primary);\n  width: 100%;\n  box-sizing: border-box;\n}\nform.elicit .elicit-other[hidden] {\n  display: none;\n}\nform.elicit .elicit-textarea {\n  min-height: 84px;\n  padding: 12px;\n  border: 0.5px solid var(--border);\n  border-radius: 8px;\n  background: var(--surface-2);\n  color: var(--text-primary);\n  resize: vertical;\n  box-sizing: border-box;\n  width: 100%;\n}\nform.elicit .elicit-textarea::placeholder {\n  color: var(--text-muted);\n}\nform.elicit .elicit-date {\n  padding: 12px 16px;\n  border: 0.5px solid var(--border);\n  border-radius: 12px;\n  background: transparent;\n  color: var(--text-primary);\n  width: fit-content;\n  cursor: pointer;\n}\nform.elicit .elicit-other:focus,\nform.elicit .elicit-textarea:focus,\nform.elicit .elicit-date:focus {\n  outline: none;\n  border-color: var(--border-accent);\n  box-shadow: 0 0 0 3px var(--bg-accent);\n}\nform.elicit .elicit-files {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: flex-start;\n  gap: 12px;\n}\nform.elicit .elicit-dropzone {\n  width: 120px;\n  height: 120px;\n  border: 1px dashed var(--border);\n  border-radius: 10px;\n  box-shadow: var(--elicit-shadow-sm);\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 8px;\n  cursor: pointer;\n  background: color-mix(in srgb, var(--text-primary) 2%, var(--surface-2));\n  color: var(--text-muted);\n  transition:\n    border-color 120ms ease,\n    background-color 120ms ease;\n}\nform.elicit .elicit-dropzone:hover {\n  border-color: var(--text-accent);\n  background: color-mix(in srgb, var(--text-accent) 4%, transparent);\n}\nform.elicit .elicit-dropzone svg {\n  width: 24px;\n  height: 24px;\n  fill: currentColor;\n}\nform.elicit .elicit-dropzone input[type=\"file\"] {\n  display: none;\n}\nform.elicit .elicit-file-tile {\n  width: 120px;\n  height: 120px;\n  border: 0.5px solid var(--elicit-border-faint);\n  border-radius: 8px;\n  padding: 8px 10px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  gap: 10px;\n  background: var(--surface-2);\n  box-shadow: var(--elicit-shadow-sm);\n  box-sizing: border-box;\n  position: relative;\n}\nform.elicit .elicit-file-tile .name {\n  font-size: var(--font-text-xs-size, 12px);\n  color: var(--text-primary);\n  word-break: break-word;\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n}\nform.elicit .elicit-file-tile .badge {\n  align-self: flex-start;\n  height: calc(var(--font-text-xs-size, 12px) * 1.5);\n  padding: 0 4px;\n  display: inline-flex;\n  align-items: center;\n  border: 0.5px solid var(--elicit-border-faint);\n  border-radius: 4px;\n  background: color-mix(in srgb, var(--surface-2) 70%, transparent);\n  box-shadow: var(--elicit-shadow-sm);\n  font-size: calc(var(--font-text-xs-size, 12px) * 0.75);\n  font-weight: 700;\n  color: var(--text-muted);\n  text-transform: uppercase;\n}\nform.elicit .elicit-file-tile .remove {\n  position: absolute;\n  top: -8px;\n  left: -8px;\n  width: 20px;\n  height: 20px;\n  padding: 0;\n  border: 0.5px solid var(--elicit-border-faint);\n  border-radius: 9999px;\n  background: color-mix(in srgb, var(--surface-2) 90%, transparent);\n  backdrop-filter: blur(4px);\n  cursor: pointer;\n  font-size: 14px;\n  line-height: 1;\n  color: var(--text-muted);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition:\n    color 120ms ease,\n    background-color 120ms ease;\n}\nform.elicit .elicit-file-tile .remove:hover {\n  color: var(--text-secondary);\n  background: color-mix(in srgb, var(--surface-2) 50%, transparent);\n}\nform.elicit .elicit-footer {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 12px;\n  height: calc(var(--font-text-sm-size, 14px) * 68 \/ 14);\n  padding: 0 24px;\n  border-top: 0.5px solid var(--border);\n}\nform.elicit .elicit-skip,\nform.elicit .elicit-submit {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  height: calc(var(--font-text-sm-size, 14px) * 36 \/ 14);\n  min-width: 80px;\n  padding: 0 16px;\n  border-radius: 8px;\n  font-weight: 500;\n  white-space: nowrap;\n  cursor: pointer;\n  user-select: none;\n  transition:\n    background-color 100ms ease-out,\n    border-color 100ms ease-out,\n    transform 150ms cubic-bezier(0.165, 0.85, 0.45, 1);\n}\nform.elicit .elicit-skip:active,\nform.elicit .elicit-submit:active {\n  transform: scale(0.96);\n}\nform.elicit .elicit-skip {\n  border: 0.5px solid color-mix(in srgb, var(--border-strong) 30%, transparent);\n  background: transparent;\n  color: var(--text-primary);\n}\nform.elicit .elicit-skip:hover {\n  background: var(--surface-1);\n  border-color: transparent;\n}\nform.elicit .elicit-submit {\n  border: none;\n  background: var(--text-primary);\n  color: var(--surface-2);\n}\nform.elicit .elicit-submit:hover {\n  transform: scaleX(1.005) scaleY(1.015);\n}\nform.elicit .elicit-submit:hover:active {\n  transform: scale(0.96);\n}\nform.elicit .elicit-body {\n  transition: opacity 150ms ease-out;\n}\nform.elicit.elicit-transitioning .elicit-body {\n  opacity: 0;\n}\nform.elicit.elicit-submitted {\n  background: transparent;\n  border-radius: 12px;\n  box-shadow: none;\n  padding: 16px;\n  margin: 4px;\n}\nform.elicit .elicit-header,\nform.elicit .elicit-footer {\n  transition:\n    opacity 200ms ease-out,\n    height 200ms ease-out,\n    padding 200ms ease-out,\n    border-width 200ms ease-out,\n    visibility 0s linear 200ms;\n}\nform.elicit.elicit-submitted .elicit-header,\nform.elicit.elicit-submitted .elicit-footer {\n  opacity: 0;\n  height: 0;\n  padding-top: 0;\n  padding-bottom: 0;\n  border-width: 0;\n  overflow: hidden;\n  pointer-events: none;\n  visibility: hidden;\n}\nform.elicit.elicit-submitted .elicit-body {\n  padding: 0;\n}\nform.elicit.elicit-submitted .elicit-body:not(:has(.elicit-summary)) {\n  pointer-events: none;\n  opacity: 0.5;\n}\nform.elicit.elicit-restored,\nform.elicit.elicit-restored .elicit-body,\nform.elicit.elicit-restored .elicit-header,\nform.elicit.elicit-restored .elicit-footer {\n  transition: none;\n}\nform.elicit .elicit-summary {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\nform.elicit .elicit-summary-row {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\nform.elicit .elicit-summary-q {\n  font-family: var(--font-voice);\n  font-size: var(--font-text-sm-size, 14px);\n  font-weight: 600;\n  line-height: 1.5;\n  color: var(--text-secondary);\n}\nform.elicit .elicit-summary-a {\n  font-weight: 430;\n  color: var(--text-muted);\n  white-space: pre-wrap;\n  word-break: break-word;\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  color: var(--text-primary);\n}\n.leader {\n  stroke: var(--t);\n  stroke-width: 0.5;\n  stroke-dasharray: 4 3;\n  fill: none;\n}\ng.c-purple > rect,\ng.c-purple > ellipse,\ng.c-purple > circle,\ng.c-purple > polygon,\nrect.c-purple,\nellipse.c-purple,\ncircle.c-purple,\npolygon.c-purple {\n  fill: light-dark(#eeedfe, #3c3489);\n  stroke: light-dark(#534ab7, #afa9ec);\n}\n.c-purple > .th,\n.c-purple > .t {\n  fill: light-dark(#3c3489, #cecbf6);\n}\n.c-purple > .ts {\n  fill: light-dark(#534ab7, #afa9ec);\n}\ng.c-teal > rect,\ng.c-teal > ellipse,\ng.c-teal > circle,\ng.c-teal > polygon,\nrect.c-teal,\nellipse.c-teal,\ncircle.c-teal,\npolygon.c-teal {\n  fill: light-dark(#e1f5ee, #085041);\n  stroke: light-dark(#0f6e56, #5dcaa5);\n}\n.c-teal > .th,\n.c-teal > .t {\n  fill: light-dark(#085041, #9fe1cb);\n}\n.c-teal > .ts {\n  fill: light-dark(#0f6e56, #5dcaa5);\n}\ng.c-coral > rect,\ng.c-coral > ellipse,\ng.c-coral > circle,\ng.c-coral > polygon,\nrect.c-coral,\nellipse.c-coral,\ncircle.c-coral,\npolygon.c-coral {\n  fill: light-dark(#faece7, #712b13);\n  stroke: light-dark(#993c1d, #f0997b);\n}\n.c-coral > .th,\n.c-coral > .t {\n  fill: light-dark(#712b13, #f5c4b3);\n}\n.c-coral > .ts {\n  fill: light-dark(#993c1d, #f0997b);\n}\ng.c-pink > rect,\ng.c-pink > ellipse,\ng.c-pink > circle,\ng.c-pink > polygon,\nrect.c-pink,\nellipse.c-pink,\ncircle.c-pink,\npolygon.c-pink {\n  fill: light-dark(#fbeaf0, #72243e);\n  stroke: light-dark(#993556, #ed93b1);\n}\n.c-pink > .th,\n.c-pink > .t {\n  fill: light-dark(#72243e, #f4c0d1);\n}\n.c-pink > .ts {\n  fill: light-dark(#993556, #ed93b1);\n}\ng.c-gray > rect,\ng.c-gray > ellipse,\ng.c-gray > circle,\ng.c-gray > polygon,\nrect.c-gray,\nellipse.c-gray,\ncircle.c-gray,\npolygon.c-gray {\n  fill: light-dark(#f1efe8, #444441);\n  stroke: light-dark(#5f5e5a, #b4b2a9);\n}\n.c-gray > .th,\n.c-gray > .t {\n  fill: light-dark(#444441, #d3d1c7);\n}\n.c-gray > .ts {\n  fill: light-dark(#5f5e5a, #b4b2a9);\n}\ng.c-blue > rect,\ng.c-blue > ellipse,\ng.c-blue > circle,\ng.c-blue > polygon,\nrect.c-blue,\nellipse.c-blue,\ncircle.c-blue,\npolygon.c-blue {\n  fill: light-dark(#e6f1fb, #0c447c);\n  stroke: light-dark(#185fa5, #85b7eb);\n}\n.c-blue > .th,\n.c-blue > .t {\n  fill: light-dark(#0c447c, #b5d4f4);\n}\n.c-blue > .ts {\n  fill: light-dark(#185fa5, #85b7eb);\n}\ng.c-green > rect,\ng.c-green > ellipse,\ng.c-green > circle,\ng.c-green > polygon,\nrect.c-green,\nellipse.c-green,\ncircle.c-green,\npolygon.c-green {\n  fill: light-dark(#eaf3de, #27500a);\n  stroke: light-dark(#3b6d11, #97c459);\n}\n.c-green > .th,\n.c-green > .t {\n  fill: light-dark(#27500a, #c0dd97);\n}\n.c-green > .ts {\n  fill: light-dark(#3b6d11, #97c459);\n}\ng.c-amber > rect,\ng.c-amber > ellipse,\ng.c-amber > circle,\ng.c-amber > polygon,\nrect.c-amber,\nellipse.c-amber,\ncircle.c-amber,\npolygon.c-amber {\n  fill: light-dark(#faeeda, #633806);\n  stroke: light-dark(#854f0b, #ef9f27);\n}\n.c-amber > .th,\n.c-amber > .t {\n  fill: light-dark(#633806, #fac775);\n}\n.c-amber > .ts {\n  fill: light-dark(#854f0b, #ef9f27);\n}\ng.c-red > rect,\ng.c-red > ellipse,\ng.c-red > circle,\ng.c-red > polygon,\nrect.c-red,\nellipse.c-red,\ncircle.c-red,\npolygon.c-red {\n  fill: light-dark(#fcebeb, #791f1f);\n  stroke: light-dark(#a32d2d, #f09595);\n}\n.c-red > .th,\n.c-red > .t {\n  fill: light-dark(#791f1f, #f7c1c1);\n}\n.c-red > .ts {\n  fill: light-dark(#a32d2d, #f09595);\n}\nsvg.classDiagram,\nsvg.erDiagram {\n  font-size: 13px;\n  max-width: 100%;\n  height: auto;\n}\nsvg.classDiagram foreignObject,\nsvg.erDiagram foreignObject {\n  overflow: visible;\n}\nsvg.classDiagram foreignObject > div,\nsvg.erDiagram foreignObject > div {\n  max-width: none !important;\n}\nsvg.classDiagram .nodeLabel,\nsvg.erDiagram .nodeLabel,\nsvg.classDiagram .label foreignObject div,\nsvg.erDiagram .label foreignObject div {\n  font-family: var(--font-sans) !important;\n  font-size: 13px !important;\n  font-weight: 400 !important;\n  color: var(--text-secondary) !important;\n}\nsvg.classDiagram .label-group .nodeLabel,\nsvg.erDiagram .name .nodeLabel {\n  font-size: 14px !important;\n  font-weight: 500 !important;\n  color: var(--text-primary) !important;\n}\nsvg.classDiagram .label-group .label {\n  font-weight: 500 !important;\n}\nsvg.classDiagram .edgeLabel,\nsvg.classDiagram .edgeLabel span,\nsvg.classDiagram .edgeTerminals foreignObject div,\nsvg.erDiagram .edgeLabel,\nsvg.erDiagram .edgeLabel span {\n  font-size: 11px !important;\n  color: var(--text-muted) !important;\n}\nsvg.classDiagram .node path[stroke]:not([stroke=\"none\"]),\nsvg.classDiagram .divider path,\nsvg.erDiagram .node path[stroke]:not([stroke=\"none\"]),\nsvg.erDiagram .divider path {\n  stroke: var(--border) !important;\n  stroke-width: 0.5px !important;\n  fill: none !important;\n}\nsvg.classDiagram .node .basic path[fill]:not([fill=\"none\"]) {\n  fill: var(--surface-2) !important;\n  stroke: none !important;\n  stroke-width: 0 !important;\n}\nsvg.erDiagram .node > g:first-child > path[fill]:not([fill=\"none\"]) {\n  fill: var(--surface-1) !important;\n}\nsvg.erDiagram .row-rect-odd path[fill]:not([fill=\"none\"]) {\n  fill: var(--surface-2) !important;\n}\nsvg.erDiagram .row-rect-even path[fill]:not([fill=\"none\"]) {\n  fill: var(--surface-1) !important;\n}\nsvg.erDiagram .relationshipLine,\nsvg.classDiagram .relation {\n  stroke: var(--text-muted) !important;\n  stroke-width: 1px !important;\n}\nsvg.classDiagram .marker,\nsvg.classDiagram marker path,\nsvg.erDiagram .marker,\nsvg.erDiagram marker path {\n  stroke: var(--text-muted) !important;\n  stroke-width: 1px !important;\n}\nsvg.classDiagram marker path[fill]:not([fill=\"none\"]):not([fill=\"transparent\"]),\nsvg.erDiagram marker path[fill]:not([fill=\"none\"]):not([fill=\"transparent\"]) {\n  fill: var(--text-muted) !important;\n}\nsvg.classDiagram .labelBkg,\nsvg.erDiagram .labelBkg {\n  background-color: var(--surface-2) !important;\n  opacity: 1 !important;\n}\nbody {\n  position: relative;\n}\n#vis-container {\n  width: 100%;\n  position: relative;\n  overflow: hidden;\n  color: var(--text-primary);\n}\n@property --wide-fade-left {\n  syntax: \"<length>\";\n  inherits: false;\n  initial-value: 0px;\n}\n@property --wide-fade-right {\n  syntax: \"<length>\";\n  inherits: false;\n  initial-value: 0px;\n}\n:root:not([data-open-larger]) #vis-container.scrolls-wide:not(.whole-width) {\n  overflow-x: auto;\n  overscroll-behavior-x: contain;\n  scroll-padding-inline: 32px;\n  scrollbar-width: none;\n}\n#vis-container.scrolls-wide::-webkit-scrollbar {\n  height: 0;\n}\n:root:not([data-open-larger]) #vis-container.scrolls-wide:focus-visible {\n  outline-offset: -2px;\n}\n:root:not([data-open-larger]):not([data-picture])\n  #vis-container.scrolls-wide:not(.whole-width):not(\n    :focus-visible\n  )[data-wide-more] {\n  -webkit-mask-image: linear-gradient(\n    to right,\n    transparent,\n    #000 var(--wide-fade-left),\n    #000 calc(100% - var(--wide-fade-right)),\n    transparent\n  );\n  mask-image: linear-gradient(\n    to right,\n    transparent,\n    #000 var(--wide-fade-left),\n    #000 calc(100% - var(--wide-fade-right)),\n    transparent\n  );\n}\n#vis-container.whole-width {\n  overflow-x: visible;\n  overflow-y: clip;\n}\n#vis-container.whole-width-block {\n  display: flow-root;\n}\n:where(#vis-container.whole-width) {\n  min-width: 0;\n  min-height: 0;\n}\n#vis-container > svg {\n  display: block;\n  margin-inline: auto;\n  max-width: 100%;\n  height: auto;\n  overflow: visible;\n}\n:where(:root[data-center-content] #vis-container) > div:where(:only-of-type) {\n  margin-inline: auto;\n}\n#action-btns {\n  position: absolute;\n  top: min(8px, (100vh - 28px) \/ 2);\n  right: 8px;\n  z-index: 2147483647;\n  display: flex;\n  gap: 4px;\n  opacity: 0;\n  transition: opacity 0.2s ease;\n}\n#action-btns[hidden] {\n  display: none;\n}\nbody:hover #action-btns,\n#action-btns[data-hold-open] {\n  opacity: 1;\n}\n@media (hover: none) and (pointer: coarse) {\n  #action-btns {\n    display: none;\n  }\n}\n:root[data-keep-menu-clear]\n  #action-btns[data-quiet]:not([data-hold-open]):not(:focus-within) {\n  opacity: 0;\n  pointer-events: none;\n}\n:root[data-keep-menu-clear][data-menu-room]:not([data-open-larger]) body {\n  padding-top: var(--menu-room) !important;\n}\n:root[data-keep-menu-clear][data-menu-held]:not([data-open-larger]) body {\n  min-height: var(--menu-held) !important;\n}\n:root[data-frame-held]:not([data-open-larger]) body {\n  min-height: var(--frame-held) !important;\n}\n:root[data-frame-capped]:not([data-open-larger]) body {\n  max-height: var(--frame-cap) !important;\n  overflow: hidden !important;\n}\n:root[data-frame-empty]:not([data-open-larger]) body {\n  height: var(--frame-empty) !important;\n  min-height: 0 !important;\n  overflow: hidden !important;\n}\n#vis-container ~ #larger-btns {\n  all: revert;\n  display: contents !important;\n}\n#vis-container ~ #larger-btns::before,\n#vis-container ~ #larger-btns::after {\n  content: none !important;\n}\n#vis-container ~ #larger-btns button {\n  position: relative !important;\n  width: 36px;\n  height: 36px;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 8px;\n  background: var(--surface-1);\n  border: 0.5px solid var(--border);\n  color: var(--text-secondary);\n  cursor: pointer;\n}\n#vis-container ~ #larger-btns button::before {\n  content: \"\";\n  position: absolute;\n  inset: -4px;\n}\n#vis-container ~ #larger-btns button[aria-disabled=\"true\"] {\n  opacity: 0.4;\n  cursor: default;\n}\n#vis-container ~ #larger-btns #larger-open {\n  position: absolute !important;\n  top: 8px;\n  top: min(8px, (100vh - 36px) \/ 2);\n  right: 8px;\n  z-index: 2147483646;\n}\n@media (hover: none) {\n  #vis-container ~ #larger-btns #larger-open[data-resting]:not(:focus-visible) {\n    opacity: 0;\n    pointer-events: none;\n  }\n  #vis-container ~ #larger-btns #larger-open[data-arming] {\n    pointer-events: none;\n  }\n}\n#vis-container ~ #larger-btns #larger-open {\n  transition: opacity 0.2s ease;\n}\n#vis-container ~ #larger-btns #larger-open[hidden],\n#vis-container ~ #larger-btns #larger-zoom[hidden] {\n  display: none !important;\n}\n@media (hover: hover), (pointer: fine) {\n  #vis-container ~ #larger-btns #larger-open {\n    right: 40px;\n  }\n}\n:root[data-open-larger] {\n  overflow: hidden;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  inset: auto;\n  width: auto;\n  min-width: 0;\n  max-width: none;\n  --larger-button-size: 44px;\n}\n:root[data-open-larger] body {\n  display: grid;\n  position: relative;\n  float: none;\n  margin: 0;\n  border: 0;\n  inset: auto;\n  box-sizing: border-box;\n  min-height: 0;\n  width: auto;\n  min-width: 0;\n  max-width: none;\n  grid: none;\n  gap: 0;\n  place-items: start;\n  justify-content: start;\n  align-content: start;\n  height: 100vh;\n  overflow: auto;\n  overscroll-behavior: contain;\n  padding: calc(var(--host-inset-top, 0px) + 12px + var(--larger-lead-y, 0px))\n    calc(\n      var(--host-inset-right, 0px) + 12px + var(--larger-button-size) + 2px +\n        12px\n    )\n    calc(var(--host-inset-bottom, 0px) + 12px)\n    calc(var(--host-inset-left, 0px) + 12px + var(--larger-lead-x, 0px));\n}\n:root[data-open-larger][data-zoomed-in] body {\n  padding-top: calc(\n    var(--host-inset-top, 0px) + 12px + 2 * var(--larger-button-size) + 2px +\n      12px + var(--larger-lead-y, 0px)\n  );\n}\n:root[data-open-larger] body {\n  touch-action: pan-x pan-y;\n}\n:root[data-open-larger] #vis-container {\n  overflow: visible;\n}\n:root[data-open-larger] #action-btns {\n  display: none;\n}\n#vis-container ~ #larger-btns #larger-zoom-status {\n  position: absolute !important;\n  top: 0;\n  left: 0;\n}\n#vis-container ~ #larger-btns #larger-zoom {\n  position: fixed !important;\n  margin: 0;\n  top: calc(var(--host-inset-top, 0px) + 12px);\n  right: calc(var(--host-inset-right, 0px) + 12px);\n  z-index: 2147483646;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  border-radius: 12px;\n  background: var(--surface-1);\n  border: 1px solid var(--alpha-5);\n  box-shadow: 0 1px 3px var(--alpha-2);\n}\n#vis-container ~ #larger-btns #larger-zoom button {\n  width: var(--larger-button-size);\n  height: var(--larger-button-size);\n  border: 0;\n  border-radius: 0;\n  background: transparent;\n  color: var(--text-primary);\n}\n#vis-container ~ #larger-btns #larger-zoom button::before {\n  content: none;\n}\n#vis-container ~ #larger-btns #larger-zoom button:focus-visible {\n  outline-offset: -2px;\n}\n#vis-container ~ #larger-btns #larger-zoom button + button {\n  border-top: 1px solid var(--alpha-3);\n}\n#vis-container ~ #larger-btns #larger-zoom button[aria-disabled=\"true\"] {\n  opacity: 1;\n}\n#vis-container ~ #larger-btns #larger-zoom button[aria-disabled=\"true\"] svg {\n  opacity: 0.45;\n}\n#action-btns > button {\n  width: 28px;\n  height: 28px;\n  padding: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 6px;\n  background: var(--surface-1);\n  border: 1px solid transparent;\n  color: var(--text-secondary);\n  cursor: pointer;\n  transition: background 0.15s ease;\n}\n#action-btns > button:hover {\n  background: var(--surface-0);\n}\n:root[data-keep-menu-clear] #action-btns {\n  top: min(4px, (100vh - 22px) \/ 2);\n  right: 4px;\n}\n:root[data-keep-menu-clear] #action-btns > button {\n  width: 22px;\n  height: 22px;\n  border-radius: 5px;\n  background: transparent;\n  opacity: 0.7;\n  transition:\n    background 0.15s ease,\n    opacity 0.15s ease;\n}\n:root[data-keep-menu-clear] #action-btns:hover > #more-btn,\n:root[data-keep-menu-clear] #action-btns[data-hold-open] > #more-btn,\n:root[data-keep-menu-clear] #action-btns > #more-btn:focus-visible {\n  background: var(--surface-0);\n  opacity: 1;\n}\n:root[data-keep-menu-clear] #action-btns > button > svg {\n  width: 16px;\n  height: 16px;\n  filter: drop-shadow(0 0 1px var(--surface-0));\n}\n#more-popover {\n  position: absolute;\n  top: calc(100% + 4px);\n  right: 0;\n  min-width: 8rem;\n  padding: 6px;\n  border-radius: 12px;\n  background: var(--surface-2);\n  border: 0.5px solid var(--border-strong);\n  backdrop-filter: blur(24px);\n  -webkit-backdrop-filter: blur(24px);\n  box-shadow: 0 2px 8px light-dark(rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.24));\n  font-family: var(--font-sans);\n  color: var(--text-secondary);\n  opacity: 0;\n  visibility: hidden;\n  transform: translateY(-4px);\n  transition:\n    opacity 0.15s ease,\n    transform 0.15s ease,\n    visibility 0s linear 0.15s;\n}\n#more-btn:hover ~ #more-popover,\n#more-popover:hover,\n#action-btns[data-hold-open] #more-popover {\n  opacity: 1;\n  visibility: visible;\n  transform: translateY(0);\n  transition:\n    opacity 0.15s ease,\n    transform 0.15s ease,\n    visibility 0s;\n}\n.more-item {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  width: 100%;\n  padding: 8px;\n  border: none;\n  background: transparent;\n  border-radius: 8px;\n  cursor: pointer;\n  text-align: left;\n  font-family: var(--font-sans) !important;\n  color: inherit;\n  transition: background 0.1s ease;\n  white-space: nowrap;\n}\n.more-item[hidden] {\n  display: none;\n}\n.more-item:hover {\n  background: var(--surface-1);\n  color: var(--text-primary);\n}\n.more-item-icon {\n  flex-shrink: 0;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.more-item-icon svg {\n  width: 20px;\n  height: 20px;\n}\n.more-item-label {\n  font-family: var(--font-sans) !important;\n  font-size: var(--font-text-sm-size, 14px);\n  line-height: 1.3;\n  white-space: nowrap;\n}\n#action-btns[data-beside] #more-popover {\n  top: 50%;\n  right: calc(100% + 4px);\n  translate: 0 -50%;\n  display: flex;\n  min-width: 0;\n  max-width: calc(100vw - 48px);\n  padding: 0;\n  border-radius: 8px;\n}\n:root[data-keep-menu-clear] #action-btns[data-beside] #more-popover {\n  max-width: calc(100vw - 34px);\n}\n#action-btns[data-beside] .more-item {\n  width: auto;\n  min-width: 0;\n  padding: 3px 8px;\n  gap: 6px;\n}\n#action-btns[data-beside] .more-item-label {\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n#action-btns[data-beside] #copy-btn {\n  flex-shrink: 1000000;\n  min-width: 36px;\n}\n#action-btns[data-beside] #copy-btn[title] .more-item-label {\n  display: none;\n}\n#copy-toast.visible ~ #action-btns[data-beside] #more-popover {\n  opacity: 0;\n  visibility: hidden;\n}\n@media (max-width: 640px) {\n  #copy-toast.visible ~ #action-btns #more-popover {\n    opacity: 0;\n    visibility: hidden;\n  }\n}\n.more-item[aria-busy=\"true\"] {\n  cursor: progress;\n}\n.more-item[aria-busy=\"true\"] .more-item-icon {\n  position: relative;\n}\n.more-item[aria-busy=\"true\"] .more-item-icon svg {\n  visibility: hidden;\n}\n.more-item[aria-busy=\"true\"] .more-item-icon::before,\n.more-item[aria-busy=\"true\"] .more-item-icon::after {\n  content: \"\";\n  position: absolute;\n  inset: 2px;\n  border-radius: 50%;\n}\n.more-item[aria-busy=\"true\"] .more-item-icon::before {\n  border: 1.75px solid color-mix(in srgb, currentColor 25%, transparent);\n}\n.more-item[aria-busy=\"true\"] .more-item-icon::after {\n  background: conic-gradient(transparent 40%, currentColor);\n  -webkit-mask: radial-gradient(\n    farthest-side,\n    transparent calc(100% - 1.75px),\n    #000 calc(100% - 1.25px)\n  );\n  mask: radial-gradient(\n    farthest-side,\n    transparent calc(100% - 1.75px),\n    #000 calc(100% - 1.25px)\n  );\n  animation: moreItemSpin 1s linear infinite;\n}\n@keyframes moreItemSpin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@media (prefers-reduced-motion: reduce) {\n  .more-item[aria-busy=\"true\"] .more-item-icon::after {\n    animation: none;\n  }\n}\n#vis-container ~ #not-sent {\n  all: revert;\n  position: absolute;\n}\nbody[data-not-sent] {\n  flex-wrap: wrap;\n}\nbody[data-not-sent] > #vis-container ~ #not-sent {\n  position: static;\n  width: 100%;\n  grid-column: 1 \/ -1;\n}\n:root[data-open-larger] body[data-not-sent] > #vis-container ~ #not-sent {\n  max-width: calc(\n    100vw - var(--host-inset-left, 0px) - var(--host-inset-right, 0px) - 24px -\n      var(--larger-button-size) - 14px - var(--larger-lead-x, 0px)\n  );\n}\n#vis-container ~ #not-sent > p {\n  margin-top: 8px;\n  color: var(--text-secondary);\n  font-family: var(--font-sans);\n  font-size: calc(var(--font-text-sm-size, 14px) * 13 \/ 14);\n  line-height: 1.4;\n  overflow-wrap: anywhere;\n}\n#vis-container ~ #not-sent > p[hidden] {\n  display: none;\n}\n#copy-toast {\n  position: fixed;\n  top: 12px;\n  top: min(12px, (100vh - 1lh - 18px) \/ 2);\n  left: 50%;\n  transform: translateX(-50%) translateY(-20px);\n  background: var(--bg-danger);\n  color: var(--text-danger);\n  border: 1px solid var(--border-danger);\n  font-family: var(--font-sans);\n  font-size: calc(var(--font-text-sm-size, 14px) * 13 \/ 14);\n  padding: 8px 14px;\n  border-radius: var(--radius);\n  pointer-events: none;\n  opacity: 0;\n  transition:\n    opacity 0.2s ease,\n    transform 0.2s ease;\n  z-index: 2147483647;\n  box-sizing: border-box;\n  width: max-content;\n  max-width: calc(100vw - 88px);\n  text-align: center;\n  white-space: pre-line;\n}\n#copy-toast.visible {\n  opacity: 1;\n  transform: translateX(-50%) translateY(0);\n}\n#vis-container.scripts-loading {\n  pointer-events: none;\n  opacity: 0.7;\n}\n#vis-container.scripts-loading::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  z-index: 10000;\n  overflow: hidden;\n}\n#vis-container.scripts-loading::before {\n  content: \"\";\n  position: absolute;\n  top: -50%;\n  left: 0;\n  width: 60%;\n  height: 200%;\n  z-index: 10001;\n  background: linear-gradient(\n    90deg,\n    transparent 0%,\n    light-dark(rgba(0, 0, 0, 0.06), rgba(255, 255, 255, 0.08)) 50%,\n    transparent 100%\n  );\n  animation: scriptsShimmer 2s ease-in-out infinite;\n}\n@keyframes scriptsShimmer {\n  0% {\n    transform: translateX(-100%) rotate(25deg);\n  }\n  100% {\n    transform: translateX(200%) rotate(25deg);\n  }\n}\n.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}\n@keyframes svgFadeInScale {\n  from {\n    opacity: 0;\n    scale: 0.95;\n  }\n  to {\n    opacity: 1;\n    scale: 1;\n  }\n}\n#vis-container.streaming\n  :where(\n    svg,\n    circle,\n    rect,\n    path,\n    polygon,\n    polyline,\n    line,\n    ellipse,\n    g,\n    text\n  ):not([transform]):not([opacity]) {\n  transition:\n    fill 0.4s ease-out,\n    stroke 0.4s ease-out,\n    opacity 0.4s ease-out;\n  animation: svgFadeInScale 0.5s ease-out;\n  transform-origin: center;\n}\n:root {\n  --color-background-primary: light-dark(rgba(255, 255, 255, 1), rgba(48, 48, 46, 1));\n  --color-background-secondary: light-dark(rgba(245, 244, 237, 1), rgba(38, 38, 36, 1));\n  --color-background-tertiary: light-dark(rgba(250, 249, 245, 1), rgba(20, 20, 19, 1));\n  --color-background-inverse: light-dark(rgba(20, 20, 19, 1), rgba(250, 249, 245, 1));\n  --color-background-ghost: light-dark(rgba(255, 255, 255, 0), rgba(48, 48, 46, 0));\n  --color-background-info: light-dark(rgba(214, 228, 246, 1), rgba(37, 62, 95, 1));\n  --color-background-danger: light-dark(rgba(247, 236, 236, 1), rgba(96, 42, 40, 1));\n  --color-background-success: light-dark(rgba(233, 241, 220, 1), rgba(27, 70, 20, 1));\n  --color-background-warning: light-dark(rgba(246, 238, 223, 1), rgba(72, 58, 15, 1));\n  --color-background-disabled: light-dark(rgba(255, 255, 255, 0.5), rgba(48, 48, 46, 0.5));\n  --color-text-primary: light-dark(rgba(20, 20, 19, 1), rgba(250, 249, 245, 1));\n  --color-text-secondary: light-dark(rgba(61, 61, 58, 1), rgba(194, 192, 182, 1));\n  --color-text-tertiary: light-dark(rgba(115, 114, 108, 1), rgba(156, 154, 146, 1));\n  --color-text-inverse: light-dark(rgba(255, 255, 255, 1), rgba(20, 20, 19, 1));\n  --color-text-info: light-dark(rgba(50, 102, 173, 1), rgba(128, 170, 221, 1));\n  --color-text-danger: light-dark(rgba(127, 44, 40, 1), rgba(238, 136, 132, 1));\n  --color-text-success: light-dark(rgba(38, 91, 25, 1), rgba(122, 185, 72, 1));\n  --color-text-warning: light-dark(rgba(90, 72, 21, 1), rgba(209, 160, 65, 1));\n  --color-text-disabled: light-dark(rgba(20, 20, 19, 0.5), rgba(250, 249, 245, 0.5));\n  --color-text-ghost: light-dark(rgba(115, 114, 108, 0.5), rgba(156, 154, 146, 0.5));\n  --color-border-primary: light-dark(rgba(31, 30, 29, 0.4), rgba(222, 220, 209, 0.4));\n  --color-border-secondary: light-dark(rgba(31, 30, 29, 0.3), rgba(222, 220, 209, 0.3));\n  --color-border-tertiary: light-dark(rgba(31, 30, 29, 0.15), rgba(222, 220, 209, 0.15));\n  --color-border-inverse: light-dark(rgba(255, 255, 255, 0.3), rgba(20, 20, 19, 0.15));\n  --color-border-ghost: light-dark(rgba(31, 30, 29, 0), rgba(222, 220, 209, 0));\n  --color-border-info: light-dark(rgba(70, 130, 213, 1), rgba(70, 130, 213, 1));\n  --color-border-danger: light-dark(rgba(167, 61, 57, 1), rgba(205, 92, 88, 1));\n  --color-border-success: light-dark(rgba(67, 116, 38, 1), rgba(89, 145, 48, 1));\n  --color-border-warning: light-dark(rgba(128, 92, 31, 1), rgba(168, 120, 41, 1));\n  --color-border-disabled: light-dark(rgba(31, 30, 29, 0.1), rgba(222, 220, 209, 0.1));\n  --color-ring-primary: light-dark(rgba(20, 20, 19, 0.7), rgba(250, 249, 245, 0.7));\n  --color-ring-secondary: light-dark(rgba(61, 61, 58, 0.7), rgba(194, 192, 182, 0.7));\n  --color-ring-inverse: light-dark(rgba(255, 255, 255, 0.7), rgba(20, 20, 19, 0.7));\n  --color-ring-info: light-dark(rgba(50, 102, 173, 0.5), rgba(128, 170, 221, 0.5));\n  --color-ring-danger: light-dark(rgba(167, 61, 57, 0.5), rgba(205, 92, 88, 0.5));\n  --color-ring-success: light-dark(rgba(67, 116, 38, 0.5), rgba(89, 145, 48, 0.5));\n  --color-ring-warning: light-dark(rgba(128, 92, 31, 0.5), rgba(168, 120, 41, 0.5));\n  --font-sans: \"anthropic-sans\", sans-serif;\n  --font-mono: ui-monospace, monospace;\n  --font-weight-normal: 400;\n  --font-weight-medium: 500;\n  --font-weight-semibold: 600;\n  --font-weight-bold: 700;\n  --font-text-xs-size: 12px;\n  --font-text-sm-size: 14px;\n  --font-text-md-size: 16px;\n  --font-text-lg-size: 20px;\n  --font-heading-xs-size: 12px;\n  --font-heading-sm-size: 14px;\n  --font-heading-md-size: 16px;\n  --font-heading-lg-size: 20px;\n  --font-heading-xl-size: 24px;\n  --font-heading-2xl-size: 28px;\n  --font-heading-3xl-size: 36px;\n  --font-text-xs-line-height: 1.4;\n  --font-text-sm-line-height: 1.4;\n  --font-text-md-line-height: 1.4;\n  --font-text-lg-line-height: 1.25;\n  --font-heading-xs-line-height: 1.4;\n  --font-heading-sm-line-height: 1.4;\n  --font-heading-md-line-height: 1.4;\n  --font-heading-lg-line-height: 1.25;\n  --font-heading-xl-line-height: 1.25;\n  --font-heading-2xl-line-height: 1.1;\n  --font-heading-3xl-line-height: 1;\n  --border-radius-xs: 4px;\n  --border-radius-sm: 6px;\n  --border-radius-md: 8px;\n  --border-radius-lg: 10px;\n  --border-radius-xl: 12px;\n  --border-radius-full: 9999px;\n  --border-width-regular: 0.5px;\n  --shadow-hairline: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n  --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);\n  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);\n  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);\n}<\/style><style>body { padding: 16px; background: var(--surface-1); }\n#vis-container { overflow: visible; }<\/style><\/head><body><svg style=\"position:absolute;width:0;height:0\" aria-hidden=\"true\">\n    <defs>\n      <marker id=\"arrow\" viewBox=\"0 0 10 10\" refX=\"8\" refY=\"5\" markerWidth=\"6\" markerHeight=\"6\" orient=\"auto-start-reverse\">\n        <path d=\"M2 1L8 5L2 9\" fill=\"none\" stroke=\"context-stroke\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n      <\/marker>\n    <\/defs>\n  <\/svg><div id=\"vis-container\">\n<style>\n  .aw-banner {\n    background: #3D1019;\n    border: 1.5px solid #C9A24B;\n    border-radius: 12px;\n    padding: 36px 40px 28px;\n    position: relative;\n    overflow: hidden;\n    font-family: Georgia, serif;\n    max-width: 680px;\n    box-sizing: border-box;\n    min-height: 200px;\n  }\n  .aw-circle1 {\n    position: absolute; width: 240px; height: 240px;\n    background: #5C1A26; border-radius: 50%;\n    top: -80px; right: -40px; opacity: 0.5;\n    animation: pulse 4s ease-in-out infinite;\n  }\n  .aw-circle2 {\n    position: absolute; width: 140px; height: 140px;\n    background: #C9A24B; border-radius: 50%;\n    top: -30px; right: 40px; opacity: 0.08;\n    animation: pulse 4s ease-in-out infinite 1s;\n  }\n  @keyframes pulse {\n    0%, 100% { transform: scale(1); }\n    50% { transform: scale(1.08); }\n  }\n  .aw-label {\n    font-size: 11px; color: #C9A24B; letter-spacing: 2px; margin-bottom: 14px;\n    opacity: 0; transform: translateY(16px);\n    animation: slideUp 0.6s ease forwards 0.3s;\n  }\n  .aw-title {\n    font-size: 26px; color: #FFFFFF; font-weight: 700; margin: 0 0 6px;\n    opacity: 0; transform: translateY(16px);\n    animation: slideUp 0.6s ease forwards 0.8s;\n  }\n  .aw-subtitle {\n    font-size: 26px; color: #C9A24B; font-weight: 700; margin: 0 0 14px;\n    opacity: 0; transform: translateY(16px);\n    animation: slideUp 0.6s ease forwards 1.3s;\n  }\n  .aw-body {\n    font-family: Arial, sans-serif; font-size: 12px; color: #D4B8B8; margin-bottom: 20px;\n    opacity: 0; transform: translateY(16px);\n    animation: slideUp 0.6s ease forwards 1.8s;\n  }\n  .aw-bottom {\n    display: flex; align-items: center; gap: 24px; flex-wrap: wrap;\n    opacity: 0; transform: translateY(16px);\n    animation: slideUp 0.6s ease forwards 2.3s;\n  }\n  @keyframes slideUp {\n    from { opacity: 0; transform: translateY(16px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n  .aw-btn {\n    background: #C9A24B; color: #3D1019;\n    font-family: Arial, sans-serif; font-size: 13px; font-weight: 700;\n    border: none; border-radius: 6px; padding: 10px 22px;\n    cursor: pointer; text-decoration: none; display: inline-block;\n    position: relative; overflow: hidden;\n    transition: transform 0.2s, box-shadow 0.2s;\n  }\n  .aw-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(201,162,75,0.4); }\n  .aw-btn::after {\n    content: ''; position: absolute; top: 0; left: -100%;\n    width: 60%; height: 100%; background: rgba(255,255,255,0.2);\n    transform: skewX(-20deg); animation: shimmer 3s ease-in-out infinite 3s;\n  }\n  @keyframes shimmer { 0% { left: -100%; } 50% { left: 150%; } 100% { left: 150%; } }\n  .aw-phone { font-family: Arial, sans-serif; font-size: 12px; color: #C9A24B; }\n  .aw-web   { font-family: Arial, sans-serif; font-size: 12px; color: #9A9A9A; }\n<\/style>\n<div class=\"aw-banner\">\n  <div class=\"aw-circle1\"><\/div>\n  <div class=\"aw-circle2\"><\/div>\n  <div class=\"aw-label\">IS POOR CASH FLOW SLOWING DOWN YOUR BUSINESS IN THE UAE?<\/div>\n  <div class=\"aw-title\">Take Control of Your Cash Flow \u2014<\/div>\n  <div class=\"aw-subtitle\">With a Structured Debt Management Plan<\/div>\n  <div class=\"aw-body\">AW Holding helps UAE businesses recover outstanding receivables, reduce bad debts, and build a stable cash flow \u2014 so you can focus on growth.<\/div>\n  <div class=\"aw-bottom\">\n    <a class=\"aw-btn\" href=\"https:\/\/alwadiholding.com\/aw-uae\/contact-us\/\">Book a Free Consultation<\/a>\n    <span class=\"aw-phone\">+971 4 279 7200<\/span>\n    <span class=\"aw-web\">alwadiholding.com<\/span>\n  <\/div>\n<\/div>\n<\/div><\/body><\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d8df533 cspt-col-stretched-none cspt-bg-color-over-image elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"d8df533\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6bcb4ac cspt-bg-color-over-image\" data-id=\"6bcb4ac\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c8064c6 elementor-widget elementor-widget-text-editor\" data-id=\"c8064c6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span data-contrast=\"none\">Remember, effective cash flow management is a dynamic process that requires regular review and adjustment to align with changing financial circumstances and goals. By implementing these strategies, businesses can overcome financial challenges and achieve long-term financial stability.<\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335557856&quot;:16777215,&quot;335559685&quot;:0,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:375,&quot;335559740&quot;:279}\">\u00a0<\/span><\/p><p><a href=\"https:\/\/alwadiholding.com\/aw-uae\/debt-management\/\"><span data-contrast=\"none\">Best Debt Management Services in UAE<\/span><\/a><span data-contrast=\"none\">\u202f \u2013 \u202f<\/span><a href=\"https:\/\/alwadiholding.com\/aw-uae\/contact-us\/\"><span data-contrast=\"none\">Contact us\u202fnow<\/span><\/a><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335559685&quot;:-20,&quot;335559737&quot;:-20,&quot;335559738&quot;:240,&quot;335559739&quot;:0,&quot;335559740&quot;:259}\">\u00a0<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Cash flow management for UAE businesses involves 7 key strategies: budgeting, cash flow forecasting, expense management, debt repayment prioritization, regular monitoring, building emergency funds, and seeking professional debt management assistance \u2014 supporting 5 financial goals including stability, debt settlement, and business growth. Debt Management and Cash Flow Planning\u00a0\u00a0 Debt management is the process of effectively managing and controlling debt to ensure collecting accounts receivable on time. It involves several actions[&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":9470,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_joinchat":[],"footnotes":""},"categories":[81],"tags":[],"class_list":["post-7096","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized-en"],"acf":[],"jetpack_featured_media_url":"https:\/\/alwadiholding.com\/aw-uae\/wp-content\/uploads\/sites\/3\/2024\/01\/cash-flow-management.jpg","_links":{"self":[{"href":"https:\/\/alwadiholding.com\/aw-uae\/wp-json\/wp\/v2\/posts\/7096","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alwadiholding.com\/aw-uae\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/alwadiholding.com\/aw-uae\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/alwadiholding.com\/aw-uae\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alwadiholding.com\/aw-uae\/wp-json\/wp\/v2\/comments?post=7096"}],"version-history":[{"count":7,"href":"https:\/\/alwadiholding.com\/aw-uae\/wp-json\/wp\/v2\/posts\/7096\/revisions"}],"predecessor-version":[{"id":9479,"href":"https:\/\/alwadiholding.com\/aw-uae\/wp-json\/wp\/v2\/posts\/7096\/revisions\/9479"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alwadiholding.com\/aw-uae\/wp-json\/wp\/v2\/media\/9470"}],"wp:attachment":[{"href":"https:\/\/alwadiholding.com\/aw-uae\/wp-json\/wp\/v2\/media?parent=7096"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alwadiholding.com\/aw-uae\/wp-json\/wp\/v2\/categories?post=7096"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alwadiholding.com\/aw-uae\/wp-json\/wp\/v2\/tags?post=7096"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}