:root{--color-primary: #0F1E33;--color-secondary: #1FB7B4;--color-accent: #1FB7B4;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--font-family: Inter, Poppins, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";--base-font-size: 16px;--radius-md: 8px;--radius-lg: 12px;--btn-padding: 8px 12px;--btn-weight: 600;--header-bg: var(--color-primary);--footer-bg: var(--color-primary);--text-on-dark: #FFFFFF;--card-bg: #F5F7FA;--card-border: #e5e7eb;--table-header-bg: #F0F3F7;--table-text-color: #0F1E33;--btn-bg: var(--color-primary);--btn-hover-bg: var(--color-secondary);--btn-border: var(--color-primary)}.button{display:inline-flex;align-items:center;justify-content:center;padding:var(--btn-padding);font-weight:var(--btn-weight);border-radius:var(--radius-md);border:1px solid var(--btn-border);background:var(--btn-bg);color:#fff;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform 80ms ease}.button:hover{background:var(--btn-hover-bg);border-color:var(--btn-hover-bg)}.button:active{transform:translateY(1px)}.button.secondary{background:#fff;color:var(--btn-bg);border-color:var(--btn-bg)}.button.secondary:hover{color:#fff;background:var(--btn-hover-bg);border-color:var(--btn-hover-bg)}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);color:var(--table-text-color)}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f8fafc;color:#111827}.vat-page{min-height:100vh;padding:24px;background:#fff;color:var(--table-text-color);font-family:var(--font-family)}.vat-page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px}.vat-eyebrow{color:var(--color-secondary);font-size:13px;font-weight:700;margin-bottom:6px}.vat-page-header h1{margin:0;color:var(--color-primary);font-size:30px;line-height:1.15;letter-spacing:-.03em}.vat-page-header p{margin:8px 0 0;max-width:680px;color:#64748b;font-size:14px}.vat-filter-panel{display:flex;align-items:flex-end;justify-content:flex-end;gap:10px;flex-wrap:wrap}.vat-filter-panel label{display:flex;flex-direction:column;gap:5px;color:#64748b;font-size:12px;font-weight:700}.vat-filter-panel input,.vat-filter-panel select{min-height:38px;padding:8px 10px;border:1px solid var(--card-border);border-radius:var(--radius-md);background:#fff;color:var(--table-text-color);font:inherit;font-size:14px}.vat-filter-panel .button{min-height:38px}.vat-warning-card{margin-bottom:16px;border-color:#f59e0b59!important}.vat-warning-card strong{color:#92400e}.vat-warning-card ul{margin:8px 0 0;padding-left:18px;color:#92400e;font-size:13px}.vat-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}.vat-kpi-card{position:relative}.vat-kpi-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--color-secondary)}.vat-tone-output:before{background:var(--color-primary)}.vat-tone-input:before,.vat-tone-reclaim:before{background:var(--color-success)}.vat-tone-payable:before{background:var(--color-danger)}.vat-tone-neutral:before{background:var(--color-secondary)}.vat-kpi-label{margin-bottom:8px;color:#64748b;font-size:13px;font-weight:700}.vat-kpi-value{color:var(--color-primary);font-size:26px;font-weight:800;letter-spacing:-.03em}.vat-kpi-helper{margin-top:6px;color:#64748b;font-size:13px}.vat-chart-grid,.vat-summary-grid{display:grid;gap:14px;margin-bottom:14px}.vat-chart-grid{grid-template-columns:1.35fr 1fr}.vat-summary-grid{grid-template-columns:1fr 1fr}.vat-chart{width:100%;height:280px}.vat-card-subtitle{color:#64748b;font-size:12px;font-weight:600;white-space:nowrap}.vat-breakdown{display:grid;gap:10px}.vat-breakdown div{display:flex;justify-content:space-between;gap:16px;padding-bottom:10px;border-bottom:1px solid var(--card-border)}.vat-breakdown div:last-child{border-bottom:none;padding-bottom:0}.vat-breakdown span{color:#64748b;font-size:14px}.vat-breakdown strong{color:var(--color-primary);font-weight:800}.vat-breakdown-total{margin-top:4px;padding-top:10px;color:var(--color-secondary)}.vat-breakdown-total strong{color:var(--color-secondary)}.vat-insight{min-height:100%;padding:14px;border:1px solid rgba(31,183,180,.25);border-radius:var(--radius-lg);background:rgba(31,183,180,.08);color:var(--color-primary);line-height:1.55}.vat-insight p{margin:0}.vat-insight strong{color:var(--color-secondary)}.vat-table-wrap{width:100%;overflow-x:auto}.vat-table{width:100%;border-collapse:collapse;color:var(--table-text-color);font-size:14px}.vat-table th{padding:12px 14px;background:var(--table-header-bg);border-bottom:1px solid var(--card-border);color:var(--color-primary);font-size:12px;font-weight:800;text-align:left;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.vat-table td{padding:12px 14px;border-bottom:1px solid var(--card-border);vertical-align:middle;white-space:nowrap}.vat-table tbody tr:hover{background:rgba(31,183,180,.06)}.vat-table tbody tr:last-child td{border-bottom:none}.vat-table .right{text-align:right}.vat-table .strong{color:var(--color-primary);font-weight:800}.vat-empty{padding:28px 14px!important;color:#64748b;text-align:center}.vat-badge,.vat-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;line-height:1}.vat-badge{background:#fff;border:1px solid var(--card-border);color:var(--color-primary)}.vat-provider-xero{border-color:#1fb7b459;background:rgba(31,183,180,.1);color:var(--color-primary)}.vat-provider-quickbooks{border-color:#10b98159;background:rgba(16,185,129,.1);color:#065f46}.vat-provider-sage{border-color:#0f1e3340;background:rgba(15,30,51,.08);color:var(--color-primary)}.vat-pill{border:1px solid var(--card-border);background:#fff;color:var(--color-primary)}.vat-pill-success,.vat-pill-input{border-color:#10b98159;background:rgba(16,185,129,.1);color:#065f46}.vat-pill-warning{border-color:#f59e0b59;background:rgba(245,158,11,.12);color:#92400e}.vat-pill-output{border-color:#0f1e3340;background:rgba(15,30,51,.08);color:var(--color-primary)}.vat-footer-note{margin:16px 0 0;color:#64748b;font-size:13px;text-align:center}.vat-page>.card,.vat-page>div[class*=Card],.vat-page .vat-summary-grid>*,.vat-page .vat-chart-grid>*{min-width:0}@media (max-width: 1200px){.vat-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vat-chart-grid,.vat-summary-grid{grid-template-columns:1fr}.vat-page-header{flex-direction:column}.vat-filter-panel{justify-content:flex-start}}@media (max-width: 760px){.vat-page{padding:16px}.vat-kpi-grid{grid-template-columns:1fr}.vat-filter-panel,.vat-filter-panel label,.vat-filter-panel input,.vat-filter-panel select,.vat-filter-panel .button{width:100%}}