:root{--primary:#1e1b4b;--primary-foreground:#fff;--primary-hover:#312e81;--primary-light:#f1f5f9;--secondary:#64748b;--secondary-foreground:#fff;--secondary-hover:#475569;--secondary-light:#f8fafc;--background:#f8fafc;--foreground:#0f172a;--card:#fff;--card-foreground:#0f172a;--muted:#f1f5f9;--muted-foreground:#64748b;--muted-hover:#e2e8f0;--accent:#f1f5f9;--accent-foreground:#0f172a;--destructive:#ef4444;--destructive-foreground:#fff;--destructive-hover:#dc2626;--border:#e2e8f0;--input:#e2e8f0;--ring:#0f172a;--chart-1:#1e1b4b;--chart-2:#3b82f6;--chart-3:#10b981;--chart-4:#475569;--chart-5:#6366f1;--font-serif:serif;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:.25rem;--radius-md:.375rem;--radius:.375rem;--radius-lg:.5rem;--radius-xl:.625rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-ambient:0 4px 20px 0 #0000000d;--shadow-none:none;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.2s cubic-bezier(.4, 0, .2, 1)}.dark{--background:#020617;--foreground:#f8fafc;--card:#0f172a;--card-foreground:#f8fafc;--muted:#1e293b;--muted-foreground:#94a3b8;--border:#1e293b;--input:#1e293b;--primary:#f8fafc;--primary-foreground:#0f172a;--secondary:#334155;--secondary-foreground:#f8fafc;--shadow-ambient:0 4px 20px 0 #00000080}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.card{background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--spacing-xl);box-shadow:var(--shadow-none)}.card:hover{border-color:var(--secondary);box-shadow:var(--shadow-ambient)}.action-group{opacity:0;transition:opacity var(--transition-normal)}tr:hover .action-group,.card:hover .action-group,.list-item:hover .action-group{opacity:1}.skeleton{background:linear-gradient(90deg, var(--muted) 25%, var(--muted-hover) 37%, var(--muted) 63%);background-size:400% 100%;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:100%}to{background-position:0}}
:root{--ao-copper-teal:#0f766e;--ao-copper-teal-cyan:#0891b2;--ao-copper-teal-soft:color-mix(in srgb, var(--ao-copper-teal) 12%, transparent);--ao-copper-copper:#b87333;--ao-copper-copper-dark:#9a5f2a;--ao-copper-copper-soft:color-mix(in srgb, var(--ao-copper-copper) 14%, transparent);--ao-copper-surface:var(--card);--ao-copper-border:var(--border);--ao-copper-muted:var(--muted-foreground);--ao-copper-radius:var(--radius-md,8px);--ao-copper-on-accent:#fff;--ao-copper-teal-gradient:linear-gradient(135deg, var(--ao-copper-teal) 0%, var(--ao-copper-teal-cyan) 100%);--ao-copper-copper-gradient:linear-gradient(135deg, var(--ao-copper-copper-dark), var(--ao-copper-copper))}
:root{--ao-unit-teal:#0f766e;--ao-unit-teal-cyan:#0891b2;--ao-unit-amber:#b45309;--ao-unit-amber-dark:#92400e;--ao-unit-on-accent:#fff;--ao-unit-teal-soft:color-mix(in srgb, var(--ao-unit-teal) 12%, transparent);--ao-unit-amber-soft:color-mix(in srgb, var(--ao-unit-amber) 9%, transparent);--ao-unit-teal-gradient:linear-gradient(135deg, var(--ao-unit-teal) 0%, var(--ao-unit-teal-cyan) 100%);--ao-unit-hero-bg:linear-gradient(135deg, color-mix(in srgb, var(--ao-unit-teal) 9%, var(--card)) 0%, var(--card) 52%);--ao-unit-hero-amber-wash:linear-gradient(90deg, color-mix(in srgb, var(--ao-unit-amber) 9%, transparent), transparent 50%);--ao-unit-panel-bg:radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--ao-unit-teal) 14%, transparent), transparent 34%), radial-gradient(circle at 88% 6%, color-mix(in srgb, var(--ao-unit-amber) 12%, transparent), transparent 30%), var(--popover);--ao-unit-summary-strip-bg:linear-gradient(135deg, color-mix(in srgb, var(--ao-unit-teal) 5%, var(--card)) 0%, var(--card) 68%), var(--card);--ao-unit-base-row-bg:linear-gradient(90deg, color-mix(in srgb, var(--ao-unit-teal) 12%, transparent), transparent 42%), color-mix(in srgb, var(--ao-unit-teal) 4%, var(--card));--ao-unit-kicker-border:color-mix(in srgb, var(--ao-unit-teal) 22%, var(--border));--ao-unit-kicker-bg:color-mix(in srgb, var(--ao-unit-teal) 8%, var(--card));--ao-unit-readonly-border:color-mix(in srgb, var(--ao-unit-amber) 24%, var(--border));--ao-unit-section-border:color-mix(in srgb, var(--border) 82%, var(--foreground) 8%);--ao-unit-section-icon-bg:color-mix(in srgb, var(--ao-unit-teal) 9%, var(--card));--ao-unit-section-icon-border:color-mix(in srgb, var(--ao-unit-teal) 18%, var(--border));--ao-unit-summary-band-bg:color-mix(in srgb, var(--muted) 32%, var(--background));--ao-unit-summary-strip-border:color-mix(in srgb, var(--border) 84%, var(--ao-unit-teal) 10%);--ao-unit-pill-border:color-mix(in srgb, var(--border) 80%, var(--ao-unit-teal) 14%);--ao-unit-pill-bg:color-mix(in srgb, var(--background) 58%, var(--card));--ao-unit-pill-label:color-mix(in srgb, var(--ao-unit-teal) 72%, var(--foreground));--ao-unit-preview-chip-border:color-mix(in srgb, var(--border) 80%, var(--ao-unit-teal) 18%);--ao-unit-preview-chip-base-border:color-mix(in srgb, var(--ao-unit-teal) 28%, var(--border));--ao-unit-preview-chip-base-bg:color-mix(in srgb, var(--ao-unit-teal) 10%, var(--card));--ao-unit-system-alert-border:color-mix(in srgb, var(--ao-unit-teal) 22%, var(--border));--ao-unit-system-alert-bg:color-mix(in srgb, var(--ao-unit-teal) 8%, var(--card));--ao-unit-add-unit-border:color-mix(in srgb, var(--ao-unit-teal) 24%, var(--border));--ao-unit-table-inset-highlight:#ffffff57;--ao-unit-table-head-bg:color-mix(in srgb, var(--foreground) 3%, var(--card));--ao-unit-table-row-border:color-mix(in srgb, var(--border) 82%, transparent);--ao-unit-row-hover-bg:color-mix(in srgb, var(--foreground) 2%, transparent);--ao-unit-symbol-chip-border:color-mix(in srgb, var(--ao-unit-teal) 20%, var(--border));--ao-unit-symbol-chip-bg:color-mix(in srgb, var(--ao-unit-teal) 7%, var(--card));--ao-unit-divisible-bg:color-mix(in srgb, var(--muted) 36%, var(--card));--ao-unit-footer-bg:color-mix(in srgb, var(--muted) 46%, var(--background));--ao-unit-dropdown-border:color-mix(in srgb, var(--ao-unit-teal) 18%, var(--border));--ao-unit-dropdown-hover-bg:color-mix(in srgb, var(--ao-unit-teal) 9%, var(--muted));--ao-unit-dropdown-shadow:color-mix(in srgb, var(--foreground) 18%, transparent);--ao-unit-dropdown-inset:#ffffff38;--ao-unit-radius-sm:var(--radius-sm,4px);--ao-unit-radius-md:var(--radius-md,8px);--ao-unit-space-2xs:.2rem;--ao-unit-space-xs:.22rem;--ao-unit-space-sm:.3rem;--ao-unit-space-md:.34rem;--ao-unit-space-lg:.38rem;--ao-unit-space-xl:.42rem;--ao-unit-space-2xl:.5rem;--ao-unit-summary-strip-min-h:1.8rem;--ao-unit-pill-height:1.28rem;--ao-unit-divisible-height:2rem;--ao-unit-checkbox-size:.8125rem;--ao-unit-font-micro:.625rem;--ao-unit-font-kicker:.6875rem;--ao-unit-font-chip:.65625rem;--ao-unit-font-body-sm:.75rem;--ao-unit-weight-semibold:600;--ao-unit-weight-bold:700;--ao-unit-weight-extrabold:800;--ao-unit-weight-black:900;--ao-unit-letter-kicker:.04em;--ao-unit-letter-table-head:.045em;--ao-unit-shadow-sm:0 1px 2px color-mix(in srgb, var(--foreground) 8%, transparent);--ao-unit-shadow-dropdown:0 20px 45px var(--ao-unit-dropdown-shadow), 0 0 0 1px var(--ao-unit-dropdown-inset) inset;--ao-unit-dropdown-z:1405;--ao-unit-dropdown-max-h:220px;--ao-unit-transition-fast:.15s ease}
:root{--ao-inv-primary:var(--primary);--ao-inv-primary-foreground:var(--primary-foreground);--ao-inv-warning:var(--warning);--ao-inv-warning-foreground:var(--warning-foreground);--ao-inv-income:var(--income);--ao-inv-income-foreground:var(--income-foreground);--ao-inv-income-muted:var(--income-muted);--ao-inv-expense:var(--expense);--ao-inv-expense-foreground:var(--expense-foreground);--ao-inv-section-icon:var(--chart-3);--ao-inv-section-icon-bg:color-mix(in srgb, var(--chart-3) 12%, transparent);--ao-inv-section-icon-border:color-mix(in srgb, var(--chart-3) 22%, transparent);--ao-inv-chip-slate:var(--chart-4);--ao-inv-chip-slate-bg:color-mix(in srgb, var(--chart-4) 14%, transparent);--ao-inv-chip-slate-border:color-mix(in srgb, var(--chart-4) 35%, transparent);--ao-inv-surface:var(--card);--ao-inv-surface-foreground:var(--foreground);--ao-inv-background:var(--background);--ao-inv-muted:var(--muted);--ao-inv-muted-foreground:var(--muted-foreground);--ao-inv-border:var(--border);--ao-inv-ring:var(--ring);--ao-inv-page-gradient:linear-gradient(180deg, color-mix(in srgb, var(--accent) 6%, var(--background)) 0%, var(--background) 34%, color-mix(in srgb, var(--muted) 8%, var(--background)) 100%);--ao-inv-page-pattern:linear-gradient(135deg, color-mix(in srgb, var(--warning) 7%, transparent) 0 1px, transparent 1px 28px);--ao-inv-header-bg:color-mix(in srgb, var(--accent) 4%, var(--card));--ao-inv-header-border:color-mix(in srgb, var(--warning) 22%, var(--border));--ao-inv-header-back-border:color-mix(in srgb, var(--warning) 26%, var(--border));--ao-inv-header-back-hover-bg:color-mix(in srgb, var(--warning) 8%, var(--card));--ao-inv-kicker:var(--warning);--ao-inv-hero-icon-gradient:linear-gradient(135deg, var(--ao-inv-primary) 0%, var(--ao-inv-warning) 58%, var(--ao-inv-warning) 100%);--ao-inv-hero-icon-shadow:0 14px 30px -20px color-mix(in srgb, var(--ao-inv-surface-foreground) 72%, transparent);--ao-inv-metric-border:color-mix(in srgb, var(--warning) 18%, var(--border));--ao-inv-metric-bg:color-mix(in srgb, var(--accent) 4%, var(--card));--ao-inv-section-border:color-mix(in srgb, var(--warning) 24%, var(--border));--ao-inv-section-bg:color-mix(in srgb, var(--accent) 4%, var(--card));--ao-inv-section-gradient:linear-gradient(135deg, color-mix(in srgb, var(--warning) 6%, var(--card)) 0%, var(--card) 38%, color-mix(in srgb, var(--income-muted) 8%, var(--card)) 100%);--ao-inv-section-gradient-customer:linear-gradient(135deg, color-mix(in srgb, var(--warning) 6%, var(--card)) 0%, var(--card) 44%, color-mix(in srgb, var(--income-muted) 10%, var(--card)) 100%);--ao-inv-section-shadow:0 22px 60px -44px color-mix(in srgb, var(--ao-inv-surface-foreground) 42%, transparent);--ao-inv-note-border:color-mix(in srgb, var(--warning) 22%, var(--border));--ao-inv-note-bg:color-mix(in srgb, var(--accent) 4%, var(--card));--ao-inv-note-shadow:0 18px 44px -36px color-mix(in srgb, var(--ao-inv-surface-foreground) 34%, transparent);--ao-inv-chip-income-bg:color-mix(in srgb, var(--income) 12%, transparent);--ao-inv-chip-income-border:color-mix(in srgb, var(--income) 28%, var(--border));--ao-inv-chip-warehouse-bg:color-mix(in srgb, var(--income) 12%, transparent);--ao-inv-chip-warehouse-border:color-mix(in srgb, var(--income) 26%, transparent);--ao-inv-chip-pending-bg:color-mix(in srgb, var(--warning) 12%, transparent);--ao-inv-chip-pending-border:color-mix(in srgb, var(--warning) 30%, transparent);--ao-inv-chip-cari-bg:color-mix(in srgb, var(--warning) 10%, transparent);--ao-inv-chip-cari-border:color-mix(in srgb, var(--warning) 20%, var(--border));--ao-inv-chip-neutral-bg:color-mix(in srgb, var(--muted-foreground) 8%, transparent);--ao-inv-divider:color-mix(in srgb, var(--warning) 20%, var(--border));--ao-inv-divider-soft:color-mix(in srgb, var(--warning) 18%, var(--border));--ao-inv-toolbar-border:color-mix(in srgb, var(--warning) 18%, var(--border));--ao-inv-toolbar-bg:color-mix(in srgb, var(--accent) 4%, var(--card));--ao-inv-kpi-success-bg:color-mix(in srgb, var(--income) 10%, var(--card));--ao-inv-kpi-success-border:color-mix(in srgb, var(--income) 20%, var(--border));--ao-inv-kpi-neutral-bg:color-mix(in srgb, var(--muted-foreground) 6%, var(--card));--ao-inv-kpi-neutral-border:color-mix(in srgb, var(--muted-foreground) 20%, var(--border));--ao-inv-payment-btn-border:color-mix(in srgb, var(--warning) 24%, var(--border));--ao-inv-payment-btn-hover-bg:color-mix(in srgb, var(--warning) 7%, var(--card));--ao-inv-table-shadow:0 18px 45px -40px color-mix(in srgb, var(--ao-inv-surface-foreground) 42%, transparent);--ao-inv-input-warning-focus-shadow:0 0 0 2px color-mix(in srgb, var(--warning) 14%, transparent);--ao-inv-summary-border:color-mix(in srgb, var(--warning) 26%, var(--border));--ao-inv-summary-bg:var(--card);--ao-inv-summary-gradient:linear-gradient(180deg, var(--card) 0%, color-mix(in srgb, var(--accent) 6%, var(--card)) 100%);--ao-inv-summary-shadow:0 20px 54px -38px color-mix(in srgb, var(--ao-inv-surface-foreground) 48%, transparent);--ao-inv-summary-icon-bg:color-mix(in srgb, var(--warning) 10%, transparent);--ao-inv-summary-icon-border:color-mix(in srgb, var(--warning) 22%, transparent);--ao-inv-summary-icon-color:var(--warning);--ao-inv-total-band-bg:color-mix(in srgb, var(--income) 9%, var(--card));--ao-inv-total-band-border:color-mix(in srgb, var(--income) 26%, transparent);--ao-inv-total-band-text:var(--income);--ao-inv-plan-match-bg:color-mix(in srgb, var(--income) 6%, var(--card));--ao-inv-plan-match-border:color-mix(in srgb, var(--income) 28%, transparent);--ao-inv-plan-match-pill-bg:color-mix(in srgb, var(--income) 12%, var(--card));--ao-inv-plan-match-pill-border:color-mix(in srgb, var(--income) 28%, var(--border));--ao-inv-plan-mismatch-bg:color-mix(in srgb, var(--warning) 10%, var(--card));--ao-inv-plan-mismatch-border:color-mix(in srgb, var(--warning) 28%, transparent);--ao-inv-plan-mismatch-pill-bg:color-mix(in srgb, var(--warning) 12%, var(--card));--ao-inv-plan-mismatch-pill-border:color-mix(in srgb, var(--warning) 28%, var(--border));--ao-inv-action-bar-bg:color-mix(in srgb, var(--card) 92%, transparent);--ao-inv-action-bar-border:color-mix(in srgb, var(--warning) 26%, var(--border));--ao-inv-action-bar-shadow:0 -18px 48px -34px color-mix(in srgb, var(--ao-inv-surface-foreground) 46%, transparent);--ao-inv-btn-outline-border:color-mix(in srgb, var(--warning) 26%, var(--border));--ao-inv-btn-outline-bg:color-mix(in srgb, var(--accent) 4%, var(--card));--ao-inv-btn-outline-hover-bg:color-mix(in srgb, var(--warning) 7%, var(--card));--ao-inv-cta-gradient:linear-gradient(135deg, var(--ao-inv-primary) 0%, var(--ao-inv-warning) 58%, var(--ao-inv-income) 100%);--ao-inv-cta-text:var(--primary-foreground);--ao-inv-cta-shadow:0 14px 30px -18px color-mix(in srgb, var(--ao-inv-surface-foreground) 75%, transparent), inset 0 1px 0 color-mix(in srgb, var(--card) 22%, transparent);--ao-inv-cta-shadow-hover:0 18px 36px -20px color-mix(in srgb, var(--ao-inv-surface-foreground) 82%, transparent), inset 0 1px 0 color-mix(in srgb, var(--card) 26%, transparent);--ao-inv-cta-time-pill-bg:color-mix(in srgb, var(--income) 10%, var(--card));--ao-inv-cta-time-pill-text:var(--income);--ao-inv-payment-pill-bg:var(--income);--ao-inv-payment-pill-text:var(--card-foreground);--ao-inv-switch-on:var(--income);--ao-inv-radius-sm:var(--radius-sm,4px);--ao-inv-radius-md:var(--radius-md,8px);--ao-inv-radius-lg:var(--radius-lg,8px);--ao-inv-weight-semibold:600;--ao-inv-weight-bold:700;--ao-inv-weight-extrabold:800;--ao-inv-weight-black:900;--ao-inv-transition-fast:.2s ease}
:root{--dip-teal:#0f766e;--dip-teal-deep:#115e59;--dip-teal-ink:#042f2e;--dip-emerald:#059669;--dip-emerald-rgb:5, 150, 105;--dip-gold:#b45309;--dip-gold-bright:#d97706;--dip-slate:#475569;--dip-red:#dc2626;--dip-on-accent:#fff;--dip-hero-gradient:linear-gradient(135deg, var(--dip-teal) 0%, var(--dip-teal-deep) 55%, var(--dip-gold-bright) 100%);--dip-cta-gradient:linear-gradient(135deg, var(--dip-teal) 0%, var(--dip-emerald) 58%, var(--dip-gold-bright) 100%);--dip-table-accent-gradient:linear-gradient(135deg, var(--dip-teal) 0%, var(--dip-teal-deep) 100%);--dip-table-accent-gradient-hover:linear-gradient(135deg, var(--dip-teal-deep) 0%, var(--dip-teal) 100%);--dip-surface-tint:color-mix(in srgb, var(--dip-teal) 4%, var(--card));--dip-border-soft:color-mix(in srgb, var(--dip-teal) 22%, var(--border));--dip-border-gold:color-mix(in srgb, var(--dip-gold) 24%, var(--border));--dip-chip-teal-bg:color-mix(in srgb, var(--dip-teal) 12%, transparent);--dip-chip-teal-border:color-mix(in srgb, var(--dip-teal) 30%, transparent);--dip-chip-gold-bg:color-mix(in srgb, var(--dip-gold) 12%, transparent);--dip-chip-gold-border:color-mix(in srgb, var(--dip-gold) 30%, transparent);--dip-chip-emerald-bg:color-mix(in srgb, var(--dip-emerald) 12%, transparent);--dip-chip-emerald-border:color-mix(in srgb, var(--dip-emerald) 28%, transparent);--dip-chip-slate-bg:color-mix(in srgb, var(--dip-slate) 14%, transparent);--dip-chip-slate-border:color-mix(in srgb, var(--dip-slate) 35%, transparent);--dip-total-band-bg:color-mix(in srgb, var(--dip-emerald) 10%, var(--card));--dip-total-band-border:color-mix(in srgb, var(--dip-emerald) 28%, transparent);--dip-quick-card-gradient:linear-gradient(135deg, color-mix(in srgb, var(--dip-teal) 6%, var(--card)) 0%, var(--card) 55%, color-mix(in srgb, var(--dip-gold) 5%, var(--card)) 100%);--dip-bottom-sheet-handle:color-mix(in srgb, var(--dip-slate) 35%, transparent);--dip-panel-bg:var(--dip-surface-tint);--dip-panel-border:var(--dip-border-soft);--dip-panel-shadow:0 22px 60px -44px color-mix(in srgb, var(--foreground) 42%, transparent);--dip-section-icon:var(--dip-teal);--dip-section-icon-bg:var(--dip-chip-teal-bg);--dip-section-icon-border:var(--dip-chip-teal-border);--dip-toolbar-bg:color-mix(in srgb, var(--card) 88%, transparent);--dip-toolbar-border:var(--dip-border-soft);--dip-btn-outline-border:var(--dip-border-soft);--dip-btn-outline-bg:var(--dip-panel-bg);--dip-btn-outline-hover-border:var(--dip-teal);--dip-btn-outline-hover-bg:var(--dip-chip-teal-bg);--dip-header-bg:color-mix(in srgb, var(--dip-teal) 4%, var(--card));--dip-header-border:var(--dip-border-soft);--dip-action-bar-bg:color-mix(in srgb, var(--card) 92%, transparent);--dip-action-bar-border:var(--dip-border-soft);--dip-action-bar-shadow:0 -18px 48px -34px color-mix(in srgb, var(--foreground) 46%, transparent);--dip-summary-border:var(--dip-panel-border);--dip-summary-bg:var(--card);--dip-summary-gradient:linear-gradient(180deg, var(--card) 0%, var(--dip-panel-bg) 100%);--dip-summary-shadow:0 20px 54px -38px color-mix(in srgb, var(--foreground) 48%, transparent);--dip-summary-icon:var(--dip-teal);--dip-summary-icon-bg:var(--dip-chip-teal-bg);--dip-summary-icon-border:var(--dip-chip-teal-border);--dip-divider:color-mix(in srgb, var(--dip-teal) 18%, var(--border));--dip-divider-soft:var(--dip-divider);--dip-text-primary:var(--foreground);--dip-text-secondary:var(--muted-foreground);--dip-text-accent:var(--dip-teal);--dip-text-income:var(--dip-emerald);--dip-text-warning:var(--dip-gold)}.dark{--dip-teal:#2dd4bf;--dip-teal-deep:#14b8a6;--dip-teal-ink:#ccfbf1;--dip-emerald:#34d399;--dip-emerald-rgb:52, 211, 153;--dip-gold:#fbbf24;--dip-gold-bright:#f59e0b;--dip-slate:#94a3b8;--dip-red:#f87171;--dip-on-accent:#04201d}.dip-page{--primary:var(--dip-teal);--primary-foreground:var(--dip-on-accent);--primary-hover:var(--dip-teal-deep);--warning:var(--dip-gold);--income:var(--dip-emerald);--expense:var(--dip-red);--destructive:var(--dip-red);--success:var(--dip-emerald);--chart-1:var(--dip-gold-bright);--chart-2:var(--dip-teal);--chart-3:var(--dip-teal);--chart-4:var(--dip-slate);--accent:color-mix(in srgb, var(--dip-teal) 10%, var(--card));--ring:var(--dip-teal);--ao-inv-kicker:var(--dip-gold);--ao-inv-switch-on:var(--dip-teal);--ao-inv-summary-icon-color:var(--dip-summary-icon);--ao-inv-summary-icon-bg:var(--dip-summary-icon-bg);--ao-inv-summary-icon-border:var(--dip-summary-icon-border);--ao-inv-payment-pill-bg:var(--dip-emerald);--ao-inv-payment-pill-text:var(--dip-on-accent);--ao-inv-section-border:var(--dip-panel-border);--ao-inv-section-bg:var(--dip-panel-bg);--ao-inv-section-gradient:linear-gradient(135deg, var(--dip-panel-bg) 0%, var(--card) 55%, color-mix(in srgb, var(--dip-teal) 3%, var(--card)) 100%);--ao-inv-section-gradient-customer:var(--ao-inv-section-gradient);--ao-inv-section-shadow:var(--dip-panel-shadow);--ao-inv-section-icon:var(--dip-section-icon);--ao-inv-section-icon-bg:var(--dip-section-icon-bg);--ao-inv-section-icon-border:var(--dip-section-icon-border);--ao-inv-header-bg:var(--dip-header-bg);--ao-inv-header-border:var(--dip-header-border);--ao-inv-header-back-border:var(--dip-border-soft);--ao-inv-header-back-hover-bg:var(--dip-chip-teal-bg);--ao-inv-metric-border:var(--dip-border-soft);--ao-inv-metric-bg:var(--dip-panel-bg);--ao-inv-note-border:var(--dip-panel-border);--ao-inv-note-bg:var(--dip-panel-bg);--ao-inv-note-shadow:var(--dip-panel-shadow);--ao-inv-toolbar-border:var(--dip-toolbar-border);--ao-inv-toolbar-bg:var(--dip-toolbar-bg);--ao-inv-divider:var(--dip-divider);--ao-inv-divider-soft:var(--dip-divider-soft);--ao-inv-summary-border:var(--dip-summary-border);--ao-inv-summary-bg:var(--dip-summary-bg);--ao-inv-summary-gradient:var(--dip-summary-gradient);--ao-inv-summary-shadow:var(--dip-summary-shadow);--ao-inv-total-band-bg:var(--dip-total-band-bg);--ao-inv-total-band-border:var(--dip-total-band-border);--ao-inv-total-band-text:var(--dip-emerald);--ao-inv-action-bar-bg:var(--dip-action-bar-bg);--ao-inv-action-bar-border:var(--dip-action-bar-border);--ao-inv-action-bar-shadow:var(--dip-action-bar-shadow);--ao-inv-btn-outline-border:var(--dip-btn-outline-border);--ao-inv-btn-outline-bg:var(--dip-btn-outline-bg);--ao-inv-btn-outline-hover-bg:var(--dip-btn-outline-hover-bg);--ao-inv-hero-icon-gradient:var(--dip-hero-gradient);--ao-inv-cta-gradient:var(--dip-cta-gradient);--ao-inv-cta-text:var(--dip-on-accent)}.dip-page .dip-panel{border-radius:var(--ao-inv-radius-lg,var(--radius-lg));border:1px solid var(--dip-panel-border);background-color:var(--dip-panel-bg);box-shadow:var(--dip-panel-shadow)}.dip-page .dip-section-icon{border-radius:var(--ao-inv-radius-md,var(--radius-md));background-color:var(--dip-section-icon-bg);border:1px solid var(--dip-section-icon-border);width:36px;height:36px;color:var(--dip-section-icon);flex-shrink:0;justify-content:center;align-items:center;display:flex}.dip-page .dip-section-icon svg{font-size:20px}.dip-page .dip-section-icon--sm{width:30px;height:30px}.dip-page .dip-section-icon--sm svg{font-size:17px}.dip-page .dip-toolbar-strip{border-radius:var(--ao-inv-radius-md,var(--radius-md));border:1px solid var(--dip-toolbar-border);background-color:var(--dip-toolbar-bg)}.dip-page .dip-accent{color:var(--dip-teal)}.dip-page .dip-accent-income{color:var(--dip-emerald)}.dip-page .dip-accent-warning{color:var(--dip-gold)}.dip-page .dip-btn-contained{background:var(--dip-table-accent-gradient);color:var(--dip-on-accent);text-transform:none;border-radius:var(--ao-inv-radius-md,var(--radius-md));box-shadow:var(--shadow-md);font-weight:600}.dip-page .dip-btn-contained:hover{background:var(--dip-table-accent-gradient-hover)}