{"product_id":"vat-calculator","title":"VAT Calculator","description":"\u003cstyle\u003e\n.vat-calculator {\n  --ink: #0f172a;\n  --muted: #475569;\n  --border: #e2e8f0;\n  --surface: #ffffff;\n  --tint: #f8fafc;\n  --primary: #1d4ed8;\n  --accent: #c2410c;\n  --accent-hover: #9a3412;\n  --chart-1: #1e40af;\n  --chart-2: #0d9488;\n  --chart-3: #7c3aed;\n  --chart-4: #be185d;\n  --chart-5: #334155;\n  width: 100%;\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 24px;\n  color: var(--ink);\n  background: var(--surface);\n  border: 1px solid var(--border);\n  border-radius: 8px;\n  box-shadow: 0 1px 2px rgba(15, 23, 42, .06);\n  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  font-size: 15px;\n  line-height: 1.55;\n  container-type: inline-size;\n  container-name: vatcalc;\n}\n.vat-calculator,\n.vat-calculator *,\n.vat-calculator *::before,\n.vat-calculator *::after { box-sizing: border-box; }\n.vat-calculator * { min-width: 0; }\n.vat-calculator :where(h2, h3, p) { margin-top: 0; }\n.vat-calculator h2 { margin-bottom: 8px; font-size: 24px; line-height: 1.25; font-weight: 700; letter-spacing: -.02em; }\n.vat-calculator h3 { margin-bottom: 12px; font-size: 18px; line-height: 1.35; font-weight: 650; letter-spacing: -.01em; }\n.vat-calculator a { color: var(--primary); text-decoration-thickness: 1px; text-underline-offset: 2px; }\n.vat-calculator a:hover { text-decoration-thickness: 2px; }\n.vat-header { padding-bottom: 16px; border-bottom: 1px solid var(--border); }\n.vat-header-copy { max-width: 760px; margin-bottom: 16px; color: var(--muted); }\n.vat-pills { display: flex; flex-wrap: wrap; gap: 8px; }\n.vat-pill { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 5px 10px; border: 1px solid var(--border); border-radius: 999px; background: var(--tint); color: var(--muted); font-size: 13px; font-weight: 600; }\n.vat-pill strong { color: var(--ink); font-variant-numeric: tabular-nums; }\n.vat-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 16px 0; }\n.vat-button { min-height: 44px; border: 1px solid var(--border); border-radius: 6px; padding: 11px 18px; background: var(--surface); color: var(--ink); font: inherit; font-weight: 650; line-height: 1.2; cursor: pointer; transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .15s ease; }\n.vat-button:hover { border-color: #cbd5e1; box-shadow: 0 2px 5px rgba(15, 23, 42, .10); }\n.vat-button:active { transform: translateY(1px); }\n.vat-button:focus-visible,\n.vat-input:focus-visible { outline: 3px solid rgba(29, 78, 216, .28); outline-offset: 2px; }\n.vat-download { display: inline-flex; align-items: center; gap: 10px; white-space: nowrap; border-color: var(--accent); background: var(--accent); color: #ffffff; }\n.vat-download:hover { border-color: var(--accent-hover); background: var(--accent-hover); }\n.vat-download-icon { width: 18px; height: 18px; flex: 0 0 18px; }\n.vat-workspace { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; align-items: start; }\n.vat-panel,\n.vat-section { border: 1px solid var(--border); border-radius: 8px; background: var(--surface); box-shadow: 0 1px 2px rgba(15, 23, 42, .04); }\n.vat-panel { padding: 20px; }\n.vat-section { margin-top: 16px; padding: 20px; }\n.vat-section-intro { max-width: 780px; margin-bottom: 16px; color: var(--muted); }\n.vat-inputs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 16px; }\n.vat-field { display: flex; flex-direction: column; gap: 6px; padding: 12px; border: 1px solid var(--border); border-radius: 8px; background: var(--tint); transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease; }\n.vat-field.vat-is-source { border-color: #93c5fd; background: #eff6ff; box-shadow: 0 0 0 1px rgba(29, 78, 216, .08); }\n.vat-label-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }\n.vat-label { font-size: 14px; font-weight: 650; color: var(--ink); }\n.vat-source-badge { display: none; padding: 2px 7px; border-radius: 999px; background: var(--primary); color: #ffffff; font-size: 13px; font-weight: 650; }\n.vat-is-source .vat-source-badge { display: inline-flex; }\n.vat-control-wrap { position: relative; }\n.vat-input { width: 100%; min-height: 44px; border: 1px solid #cbd5e1; border-radius: 6px; padding: 9px 12px; background: #ffffff; color: var(--ink); font: inherit; font-size: 15px; font-variant-numeric: tabular-nums; }\n.vat-input[aria-invalid=\"true\"] { border-color: #b91c1c; }\n.vat-helper { min-height: 40px; margin: 0; color: var(--muted); font-size: 13px; font-weight: 500; line-height: 1.45; }\n.vat-field-error { min-height: 19px; margin: 0; color: #991b1b; font-size: 13px; font-weight: 600; }\n.vat-form-message { margin: 16px 0 0; padding: 10px 12px; border: 1px solid #fed7aa; border-radius: 6px; background: #fff7ed; color: #7c2d12; font-size: 13px; font-weight: 600; }\n.vat-form-message[hidden] { display: none; }\n.vat-results { display: grid; gap: 12px; }\n.vat-primary-result { padding: 20px; border: 1px solid #bfdbfe; border-radius: 8px; background: #eff6ff; }\n.vat-eyebrow { margin-bottom: 4px; color: var(--muted); font-size: 13px; font-weight: 650; text-transform: uppercase; letter-spacing: .06em; }\n.vat-primary-value { margin-bottom: 4px; color: var(--ink); font-size: 30px; line-height: 1.2; font-weight: 700; letter-spacing: -.02em; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }\n.vat-primary-sub { margin: 0; color: var(--muted); font-size: 13px; font-weight: 500; }\n.vat-result-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)); gap: 12px; }\n.vat-result-card { padding: 14px; border: 1px solid var(--border); border-radius: 8px; background: var(--tint); }\n.vat-result-label { margin-bottom: 4px; color: var(--muted); font-size: 13px; font-weight: 650; }\n.vat-result-value { margin: 0; color: var(--ink); font-size: 20px; line-height: 1.3; font-weight: 700; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }\n.vat-live { margin: 0; padding: 10px 12px; border-left: 3px solid var(--primary); background: var(--tint); color: var(--muted); font-size: 13px; font-weight: 500; }\n.vat-chart-card { padding: 20px; }\n.vat-chart-head { margin-bottom: 16px; }\n.vat-chart-head p { margin-bottom: 0; color: var(--muted); }\n.vat-chart-cluster { display: grid; justify-content: center; align-items: center; gap: 20px; width: 100%; max-width: 700px; margin: 0 auto; }\n.vat-chart-visual { position: relative; width: min(100%, 320px); aspect-ratio: 1; margin: 0 auto; }\n.vat-chart-svg { display: block; width: 100%; height: 100%; overflow: visible; }\n.vat-chart-center { position: absolute; inset: 50% auto auto 50%; width: 48%; transform: translate(-50%, -50%); text-align: center; pointer-events: none; }\n.vat-chart-center-label { display: block; margin-bottom: 2px; color: var(--muted); font-size: 13px; font-weight: 650; }\n.vat-chart-center-value { display: block; color: var(--ink); font-size: clamp(17px, 5cqi, 24px); line-height: 1.2; font-weight: 700; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }\n.vat-legend { display: grid; gap: 10px; width: fit-content; max-width: 100%; margin: 0 auto; }\n.vat-legend-row { display: grid; grid-template-columns: 12px minmax(72px, auto) auto auto; align-items: center; gap: 8px 12px; font-size: 13px; font-weight: 600; }\n.vat-legend-swatch { width: 12px; height: 12px; border-radius: 3px; background: var(--vat-swatch); }\n.vat-legend-name { color: var(--ink); }\n.vat-legend-value,\n.vat-legend-percent { color: var(--muted); font-variant-numeric: tabular-nums; white-space: nowrap; }\n.vat-chart-caption { margin: 16px 0 0; padding: 10px 12px; border: 1px solid var(--border); border-radius: 6px; background: var(--tint); color: var(--muted); font-size: 13px; font-weight: 500; }\n.vat-chart-empty { margin: 0 auto; max-width: 460px; padding: 16px; border: 1px dashed #cbd5e1; border-radius: 6px; background: var(--tint); color: var(--muted); text-align: center; font-size: 13px; font-weight: 600; }\n.vat-chart-empty[hidden],\n.vat-chart-cluster[hidden] { display: none; }\n.vat-safe-stack .vat-chart-cluster { grid-template-columns: minmax(0, 1fr) !important; row-gap: 20px !important; }\n.vat-safe-stack .vat-chart-caption { margin-top: 20px; }\n.vat-table-overflow { width: 100%; overflow-x: auto; border: 1px solid var(--border); border-radius: 6px; }\n.vat-table { width: 100%; min-width: 620px; border-collapse: collapse; font-variant-numeric: tabular-nums; }\n.vat-table th,\n.vat-table td { padding: 11px 12px; border-bottom: 1px solid var(--border); text-align: left; vertical-align: middle; }\n.vat-table th { background: #f1f5f9; color: var(--ink); font-size: 13px; font-weight: 700; white-space: nowrap; }\n.vat-table td { color: var(--ink); font-size: 14px; }\n.vat-table td.vat-number { text-align: right; white-space: nowrap; }\n.vat-table tr:last-child td { border-bottom: 0; }\n.vat-table-current td { background: #eff6ff; font-weight: 650; }\n.vat-table-note { margin: 16px 0 0; padding: 10px 12px; border: 1px solid var(--border); border-radius: 6px; background: var(--tint); color: var(--muted); font-size: 13px; font-weight: 500; }\n.vat-safe-table-stack .vat-table-note { margin-top: 20px; }\n.vat-education { margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--border); }\n.vat-education-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; }\n.vat-education p,\n.vat-education li { color: #334155; }\n.vat-education ul { margin: 0 0 16px; padding-left: 22px; }\n.vat-education li + li { margin-top: 8px; }\n.vat-formula { padding: 14px; border: 1px solid var(--border); border-radius: 6px; background: var(--tint); font-variant-numeric: tabular-nums; }\n.vat-formula strong { display: block; margin-bottom: 4px; color: var(--ink); }\n.vat-sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }\n@container vatcalc (min-width: 640px) {\n  .vat-chart-cluster { grid-template-columns: auto auto; column-gap: 28px; }\n  .vat-legend { align-self: end; }\n  .vat-education-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }\n}\n@container vatcalc (min-width: 900px) {\n  .vat-workspace { grid-template-columns: minmax(0, 1.05fr) minmax(340px, .95fr); gap: 20px; }\n}\n@container vatcalc (max-width: 420px) {\n  .vat-calculator { padding: 16px; }\n  .vat-panel,\n  .vat-section,\n  .vat-chart-card { padding: 16px; }\n  .vat-toolbar { align-items: stretch; }\n  .vat-button { flex: 1 1 auto; justify-content: center; }\n  .vat-download { flex-basis: 100%; }\n  .vat-legend-row { grid-template-columns: 12px minmax(62px, auto) auto; gap: 6px 8px; }\n  .vat-legend-percent { grid-column: 2 \/ 4; }\n  .vat-chart-caption,\n  .vat-table-note { margin-top: 12px; }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"vat-calculator\" data-calculator-root\u003e\n  \u003csection class=\"vat-header\" aria-labelledby=\"vat-title\"\u003e\n    \u003ch2 id=\"vat-title\"\u003eVAT Calculator\u003c\/h2\u003e\n    \u003cp class=\"vat-header-copy\"\u003eEnter any two values to calculate the VAT rate, net price, gross price, and tax amount. The two most recently edited fields are treated as your known values.\u003c\/p\u003e\n    \u003cdiv class=\"vat-pills\" aria-label=\"Live VAT summary\"\u003e\n      \u003cspan class=\"vat-pill\"\u003eGross \u003cstrong data-vat-pill=\"gross\"\u003e$120.00\u003c\/strong\u003e\u003c\/span\u003e\n      \u003cspan class=\"vat-pill\"\u003eVAT \u003cstrong data-vat-pill=\"vat\"\u003e$20.00\u003c\/strong\u003e\u003c\/span\u003e\n      \u003cspan class=\"vat-pill\"\u003eRate \u003cstrong data-vat-pill=\"rate\"\u003e20.00%\u003c\/strong\u003e\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003cdiv class=\"vat-toolbar\" aria-label=\"Calculator actions\"\u003e\n    \u003cbutton class=\"vat-button vat-download\" type=\"button\" data-vat-action=\"download\"\u003e\n      \u003csvg class=\"vat-download-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"\u003e\u003cpath fill=\"currentColor\" d=\"M11 3h2v10.17l3.59-3.58L18 11l-6 6-6-6 1.41-1.41L11 13.17V3Zm-6 16h14v2H5v-2Z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      \u003cspan\u003eDownload Excel\u003c\/span\u003e\n    \u003c\/button\u003e\n    \u003cbutton class=\"vat-button vat-reset\" type=\"button\" data-vat-action=\"reset\"\u003eReset\u003c\/button\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"vat-workspace\"\u003e\n    \u003csection class=\"vat-panel vat-input-panel\" aria-labelledby=\"vat-inputs-title\"\u003e\n      \u003ch3 id=\"vat-inputs-title\"\u003eKnown values\u003c\/h3\u003e\n      \u003cp class=\"vat-section-intro\"\u003eEdit any two fields. When you edit a third field, it replaces the oldest known value and the other fields are recalculated.\u003c\/p\u003e\n      \u003cdiv class=\"vat-inputs-grid\"\u003e\n        \u003cdiv class=\"vat-field vat-is-source\" data-vat-field=\"rate\"\u003e\n          \u003cdiv class=\"vat-label-row\"\u003e\n\u003clabel class=\"vat-label\" for=\"vat-rate\"\u003eVAT rate\u003c\/label\u003e\u003cspan class=\"vat-source-badge\"\u003eUsed\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"vat-control-wrap\"\u003e\u003cinput class=\"vat-input\" id=\"vat-rate\" data-vat-input=\"rate\" type=\"text\" inputmode=\"decimal\" autocomplete=\"off\" value=\"20.00%\" aria-describedby=\"vat-rate-help vat-rate-error\"\u003e\u003c\/div\u003e\n          \u003cp class=\"vat-helper\" id=\"vat-rate-help\"\u003ePercentage applied to the net price.\u003c\/p\u003e\n          \u003cp class=\"vat-field-error\" id=\"vat-rate-error\" data-vat-error=\"rate\"\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"vat-field vat-is-source\" data-vat-field=\"net\"\u003e\n          \u003cdiv class=\"vat-label-row\"\u003e\n\u003clabel class=\"vat-label\" for=\"vat-net\"\u003eNet price\u003c\/label\u003e\u003cspan class=\"vat-source-badge\"\u003eUsed\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"vat-control-wrap\"\u003e\u003cinput class=\"vat-input\" id=\"vat-net\" data-vat-input=\"net\" type=\"text\" inputmode=\"decimal\" autocomplete=\"off\" value=\"$100.00\" aria-describedby=\"vat-net-help vat-net-error\"\u003e\u003c\/div\u003e\n          \u003cp class=\"vat-helper\" id=\"vat-net-help\"\u003ePrice before VAT is added.\u003c\/p\u003e\n          \u003cp class=\"vat-field-error\" id=\"vat-net-error\" data-vat-error=\"net\"\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"vat-field\" data-vat-field=\"gross\"\u003e\n          \u003cdiv class=\"vat-label-row\"\u003e\n\u003clabel class=\"vat-label\" for=\"vat-gross\"\u003eGross price\u003c\/label\u003e\u003cspan class=\"vat-source-badge\"\u003eUsed\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"vat-control-wrap\"\u003e\u003cinput class=\"vat-input\" id=\"vat-gross\" data-vat-input=\"gross\" type=\"text\" inputmode=\"decimal\" autocomplete=\"off\" value=\"$120.00\" aria-describedby=\"vat-gross-help vat-gross-error\"\u003e\u003c\/div\u003e\n          \u003cp class=\"vat-helper\" id=\"vat-gross-help\"\u003eCustomer price including VAT.\u003c\/p\u003e\n          \u003cp class=\"vat-field-error\" id=\"vat-gross-error\" data-vat-error=\"gross\"\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"vat-field\" data-vat-field=\"vat\"\u003e\n          \u003cdiv class=\"vat-label-row\"\u003e\n\u003clabel class=\"vat-label\" for=\"vat-amount\"\u003eTax amount\u003c\/label\u003e\u003cspan class=\"vat-source-badge\"\u003eUsed\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"vat-control-wrap\"\u003e\u003cinput class=\"vat-input\" id=\"vat-amount\" data-vat-input=\"vat\" type=\"text\" inputmode=\"decimal\" autocomplete=\"off\" value=\"$20.00\" aria-describedby=\"vat-amount-help vat-amount-error\"\u003e\u003c\/div\u003e\n          \u003cp class=\"vat-helper\" id=\"vat-amount-help\"\u003eVAT portion included in the gross price.\u003c\/p\u003e\n          \u003cp class=\"vat-field-error\" id=\"vat-amount-error\" data-vat-error=\"vat\"\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"vat-form-message\" data-vat-form-message role=\"alert\" hidden\u003e\u003c\/p\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"vat-panel vat-results-panel\" aria-labelledby=\"vat-results-title\"\u003e\n      \u003ch3 id=\"vat-results-title\"\u003eLive results\u003c\/h3\u003e\n      \u003cdiv class=\"vat-results\"\u003e\n        \u003cdiv class=\"vat-primary-result\"\u003e\n          \u003cp class=\"vat-eyebrow\"\u003eGross price\u003c\/p\u003e\n          \u003cdiv class=\"vat-primary-value\" data-vat-result=\"gross\"\u003e$120.00\u003c\/div\u003e\n          \u003cp class=\"vat-primary-sub\" data-vat-result-sub\u003eBased on VAT rate and net price.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"vat-result-grid\"\u003e\n          \u003cdiv class=\"vat-result-card\"\u003e\n\u003cp class=\"vat-result-label\"\u003eNet price\u003c\/p\u003e\n\u003cp class=\"vat-result-value\" data-vat-result=\"net\"\u003e$100.00\u003c\/p\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"vat-result-card\"\u003e\n\u003cp class=\"vat-result-label\"\u003eVAT amount\u003c\/p\u003e\n\u003cp class=\"vat-result-value\" data-vat-result=\"vat\"\u003e$20.00\u003c\/p\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"vat-result-card\"\u003e\n\u003cp class=\"vat-result-label\"\u003eVAT rate\u003c\/p\u003e\n\u003cp class=\"vat-result-value\" data-vat-result=\"rate\"\u003e20.00%\u003c\/p\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"vat-result-card\"\u003e\n\u003cp class=\"vat-result-label\"\u003eVAT share of gross\u003c\/p\u003e\n\u003cp class=\"vat-result-value\" data-vat-result=\"share\"\u003e16.67%\u003c\/p\u003e\n\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"vat-live\" data-vat-live aria-live=\"polite\"\u003eGross price is $120.00, including $20.00 of VAT at 20.00%.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n  \u003c\/div\u003e\n\n  \u003csection class=\"vat-section vat-breakdown-section\" aria-labelledby=\"vat-breakdown-title\"\u003e\n    \u003cdiv class=\"vat-chart-card\" data-vat-chart-card\u003e\n      \u003cdiv class=\"vat-chart-head\"\u003e\n        \u003ch3 id=\"vat-breakdown-title\"\u003eGross price breakdown\u003c\/h3\u003e\n        \u003cp data-vat-chart-intro\u003eSee how the customer price divides between the net amount and VAT.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vat-chart-empty\" data-vat-chart-empty hidden\u003eEnter any two values above to see the breakdown.\u003c\/div\u003e\n      \u003cdiv class=\"vat-chart-cluster\" data-vat-chart-cluster\u003e\n        \u003cdiv class=\"vat-chart-visual\" data-vat-chart-visual\u003e\n          \u003csvg class=\"vat-chart-svg\" data-vat-chart-svg viewbox=\"0 0 320 320\" role=\"img\" aria-labelledby=\"vat-chart-svg-title vat-chart-svg-desc\"\u003e\n            \u003ctitle id=\"vat-chart-svg-title\"\u003eGross price breakdown chart\u003c\/title\u003e\n            \u003cdesc id=\"vat-chart-svg-desc\"\u003eNet price $100.00 and VAT $20.00, totaling $120.00.\u003c\/desc\u003e\n          \u003c\/svg\u003e\n          \u003cdiv class=\"vat-chart-center\"\u003e\n\u003cspan class=\"vat-chart-center-label\"\u003eGross total\u003c\/span\u003e\u003cspan class=\"vat-chart-center-value\" data-vat-chart-total\u003e$120.00\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"vat-legend\" data-vat-legend aria-label=\"Breakdown legend\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"vat-sr-only\" data-vat-chart-summary\u003e\u003c\/p\u003e\n      \u003cp class=\"vat-chart-caption\" data-vat-chart-caption\u003eVAT represents 16.67% of the gross price. The net amount represents the remaining 83.33%.\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"vat-section vat-table-section\" data-vat-table-card aria-labelledby=\"vat-table-title\"\u003e\n    \u003ch3 id=\"vat-table-title\"\u003eVAT rate comparison\u003c\/h3\u003e\n    \u003cp class=\"vat-section-intro\"\u003eCompare the same net price across common VAT rates. Your current rate is highlighted.\u003c\/p\u003e\n    \u003cdiv class=\"vat-table-overflow\" data-vat-table-overflow\u003e\n      \u003ctable class=\"vat-table\"\u003e\n        \u003cthead\u003e\u003ctr\u003e\n\u003cth scope=\"col\"\u003eVAT rate\u003c\/th\u003e\n\u003cth scope=\"col\"\u003eNet price\u003c\/th\u003e\n\u003cth scope=\"col\"\u003eVAT amount\u003c\/th\u003e\n\u003cth scope=\"col\"\u003eGross price\u003c\/th\u003e\n\u003cth scope=\"col\"\u003eIncrease vs. net\u003c\/th\u003e\n\u003c\/tr\u003e\u003c\/thead\u003e\n        \u003ctbody data-vat-comparison-body\u003e\u003c\/tbody\u003e\n      \u003c\/table\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"vat-table-note\" data-vat-table-note\u003eComparison rows use the calculated net price as the common base. Actual invoicing rules and permitted rates depend on the jurisdiction and the type of supply.\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"vat-education\" aria-labelledby=\"vat-guide-title\"\u003e\n    \u003ch2 id=\"vat-guide-title\"\u003eHow to use and interpret the VAT calculator\u003c\/h2\u003e\n    \u003cdiv class=\"vat-education-grid\"\u003e\n      \u003cdiv class=\"vat-education-block\"\u003e\n        \u003ch3\u003eWhat this calculator estimates\u003c\/h3\u003e\n        \u003cp\u003eThis calculator converts among four connected values: the VAT rate, the net price before tax, the VAT amount, and the gross price paid by the customer. Enter any two values and the remaining two are derived immediately. This is useful when preparing an invoice, checking a supplier quote, extracting tax from a VAT-inclusive price, or confirming the implied rate shown by a net and gross total.\u003c\/p\u003e\n        \u003cp\u003eThe tool uses a price-based VAT model. It does not determine whether a transaction is taxable, exempt, zero-rated, reverse-charged, or subject to a special scheme. Those questions depend on the customer, seller, place of supply, product category, registration status, and local legislation. For official background, consult the \u003ca href=\"https:\/\/taxation-customs.ec.europa.eu\/taxation\/vat_en\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eEuropean Commission VAT overview\u003c\/a\u003e or the relevant national tax authority.\u003c\/p\u003e\n\n        \u003ch3\u003eField-by-field guidance\u003c\/h3\u003e\n        \u003cul\u003e\n          \u003cli\u003e\n\u003cstrong\u003eVAT rate:\u003c\/strong\u003e Enter the percentage applied to the net price, such as 20%. Use the legally applicable rate for the specific supply. A higher rate increases both the VAT amount and gross price when the net price is fixed. A zero rate produces no VAT, but zero-rated treatment is not the same as an exempt transaction.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eNet price:\u003c\/strong\u003e Enter the amount before VAT. This is usually the taxable base on a simple invoice line. A higher net price increases VAT and gross price proportionally when the rate is fixed. Do not enter a VAT-inclusive amount here.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eGross price:\u003c\/strong\u003e Enter the final amount including VAT. This is the amount normally paid by the customer. When extracting VAT from a gross total, the calculator divides by one plus the rate; simply subtracting the rate percentage from the gross price gives the wrong net amount.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eTax amount:\u003c\/strong\u003e Enter the monetary VAT portion. Together with net price, it reveals the implied rate. Together with gross price, it reveals both net price and rate. The tax amount cannot normally exceed the gross price in this simple model.\u003c\/li\u003e\n        \u003c\/ul\u003e\n        \u003cp\u003eThe two fields marked “Used” are the current drivers. Editing a third field makes it a driver and releases the oldest one. This prevents four rounded values from competing with one another and keeps the calculation path clear.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"vat-education-block\"\u003e\n        \u003ch3\u003eHow the formulas work\u003c\/h3\u003e\n        \u003cdiv class=\"vat-formula\"\u003e\n\u003cstrong\u003eFrom net price and rate\u003c\/strong\u003eVAT amount = Net price × VAT rate\u003cbr\u003eGross price = Net price + VAT amount\u003c\/div\u003e\n        \u003cdiv class=\"vat-formula\"\u003e\n\u003cstrong\u003eFrom gross price and rate\u003c\/strong\u003eNet price = Gross price ÷ (1 + VAT rate)\u003cbr\u003eVAT amount = Gross price − Net price\u003c\/div\u003e\n        \u003cdiv class=\"vat-formula\"\u003e\n\u003cstrong\u003eFrom net and gross prices\u003c\/strong\u003eVAT amount = Gross price − Net price\u003cbr\u003eVAT rate = VAT amount ÷ Net price\u003c\/div\u003e\n        \u003cp\u003eRates are converted from percentages to decimals inside the calculation. For example, 20% becomes 0.20. Full precision is retained internally and values are rounded only for display and export. This avoids cumulative errors when the same values feed the chart, comparison table, and Excel workbook.\u003c\/p\u003e\n\n        \u003ch3\u003eUnderstanding the results\u003c\/h3\u003e\n        \u003cp\u003e\u003cstrong\u003eGross price\u003c\/strong\u003e is the primary result because it is the total customer-facing amount. \u003cstrong\u003eNet price\u003c\/strong\u003e is the pre-tax economic value. \u003cstrong\u003eVAT amount\u003c\/strong\u003e is the difference between gross and net. \u003cstrong\u003eVAT rate\u003c\/strong\u003e is measured against the net price, while \u003cstrong\u003eVAT share of gross\u003c\/strong\u003e measures the tax portion as a percentage of the final total. At a 20% VAT rate, the VAT share of gross is 16.67%, not 20%, because the denominator is larger.\u003c\/p\u003e\n        \u003cp\u003eThe donut chart uses the same net and VAT values as the result cards. Its segments always add to the gross price. The rate comparison table holds the calculated net price constant and shows how tax and gross totals change at alternative rates. It is a sensitivity view, not a list of legally applicable rates.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"vat-education-block\"\u003e\n        \u003ch3\u003eCommon mistakes and edge cases\u003c\/h3\u003e\n        \u003cul\u003e\n          \u003cli\u003e\n\u003cstrong\u003eRemoving VAT by subtraction:\u003c\/strong\u003e To remove 20% VAT from a gross price, divide by 1.20 rather than subtracting 20% of the gross amount.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eConfusing zero-rated and exempt supplies:\u003c\/strong\u003e Both may show no VAT on the customer price, but input-tax recovery and reporting can differ.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eUsing a standard rate automatically:\u003c\/strong\u003e Reduced rates, place-of-supply rules, and product classifications can change the correct treatment. The \u003ca href=\"https:\/\/www.gov.uk\/vat-rates\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eUK VAT rates guidance\u003c\/a\u003e illustrates how categories can receive different rates.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eRounding too early:\u003c\/strong\u003e Invoice systems may round per line or per document. Small differences can appear when many lines are aggregated. Follow the rounding method required by your accounting system and jurisdiction.\u003c\/li\u003e\n          \u003cli\u003e\n\u003cstrong\u003eTreating VAT as sales tax:\u003c\/strong\u003e VAT is generally collected through multiple stages with input-tax credits, whereas retail sales tax is usually collected at the final sale. The economic concepts overlap, but compliance mechanics differ.\u003c\/li\u003e\n        \u003c\/ul\u003e\n        \u003cp\u003eA zero net price with a positive VAT amount cannot produce a finite VAT rate, so the calculator flags that combination. Negative values are also rejected because this tool models a standard positive invoice amount. Credit notes and adjustments may legitimately use negative values in accounting, but they require context beyond this simplified calculation.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"vat-education-block\"\u003e\n        \u003ch3\u003eUsing the Excel export\u003c\/h3\u003e\n        \u003cp\u003eThe Excel workbook is generated from the calculator’s current state. It includes a summary, input values, the net-versus-VAT breakdown, a rate comparison, and calculation notes. Percentage cells are stored as real Excel percentages and monetary values remain numeric, so you can reuse them in formulas rather than receiving text-only output.\u003c\/p\u003e\n        \u003cp\u003eUse the workbook as a calculation record, not as tax advice. Before issuing invoices or filing returns, verify the rate and treatment with the competent authority or a qualified adviser. The \u003ca href=\"https:\/\/www.oecd.org\/tax\/consumption\/\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eOECD consumption tax resources\u003c\/a\u003e provide broader policy context, while national guidance governs actual registration, invoicing, deduction, and filing obligations.\u003c\/p\u003e\n        \u003cp\u003eChanging assumptions has predictable effects. With net price fixed, a higher rate raises VAT and gross price linearly. With gross price fixed, a higher rate increases the VAT portion while reducing the extracted net amount. With VAT amount fixed, a higher rate implies a smaller net base. These relationships are useful for checking whether quoted amounts are internally consistent.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e","brand":"FinancialModelsLab","offers":[{"title":"Default Title","offer_id":49909484781811,"sku":"vat-calculator","price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6191\/2762\/files\/vat-calculator.webp?v=1783935453","url":"https:\/\/financialmodelslab.com\/products\/vat-calculator","provider":"Financial Models Lab","version":"1.0","type":"link"}