:root{--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-display: "Plus Jakarta Sans", system-ui, sans-serif;--text-display: 48px;--text-h1: 30px;--text-h2: 24px;--text-h3: 18px;--text-body: 14px;--text-body-lg: 16px;--text-caption: 12px;--text-overline: 10px;--text-micro: 8px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--leading-tight: 1.15;--leading-normal: 1.5;--leading-relaxed: 1.65;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .08);--shadow-xl: 0 12px 36px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s cubic-bezier(.16, 1, .3, 1);--z-base: 1;--z-dropdown: 10;--z-sticky: 20;--z-overlay: 30;--z-modal: 40;--z-toast: 50}:root,[data-theme=light]{--color-primary: #FF8A70;--color-primary-hover: #E87A60;--color-primary-light: #FFBCA8;--color-primary-ghost: rgba(255, 138, 112, .08);--color-primary-border: rgba(255, 138, 112, .2);--color-accent: #5CC4BE;--color-accent-hover: #48B0AA;--color-accent-light: #BDE8E1;--color-accent-ghost: rgba(92, 196, 190, .08);--color-bg: #FAF8F5;--color-bg-subtle: #F3F0EB;--color-surface: #FFFFFF;--color-surface-hover: #FEFCFA;--color-surface-elevated: #FFFFFF;--color-surface-muted: #FAF8F5;--color-border: #E8E4DE;--color-border-subtle: #F0ECE6;--color-border-strong: #D8D3CB;--color-text: #1C1917;--color-text-secondary: #57534E;--color-text-muted: #A8A29E;--color-text-inverse: #FFFFFF;--color-success: #0F766E;--color-success-light: rgba(15, 118, 110, .1);--color-success-text: #0D9488;--color-danger: #BE123C;--color-danger-light: rgba(190, 18, 60, .1);--color-danger-text: #E11D48;--color-warning: #B45309;--color-warning-light: rgba(180, 83, 9, .1);--color-warning-text: #D97706;--color-info: #0E7490;--color-info-light: rgba(14, 116, 144, .1);--color-info-text: #0891B2;--chart-income: #5CC4BE;--chart-expense: #FF8A70;--chart-net: #0F766E;--chart-grid: rgba(255, 138, 112, .06);--chart-text: #57534E;--glass-bg: #FFFFFF;--glass-border: #E8E4DE;--glass-shadow: 0 12px 36px rgba(28, 25, 23, .035);--scrollbar-thumb: rgba(255, 138, 112, .2);--scrollbar-track: transparent}[data-theme=dark]{--color-primary: #FF9E87;--color-primary-hover: #FFBCA8;--color-primary-light: #FFDDD2;--color-primary-ghost: rgba(255, 158, 135, .12);--color-primary-border: rgba(255, 158, 135, .2);--color-accent: #72D4CE;--color-accent-hover: #92E0DB;--color-accent-light: rgba(114, 212, 206, .2);--color-accent-ghost: rgba(114, 212, 206, .1);--color-bg: #131B1C;--color-bg-subtle: #182223;--color-surface: #1F2D2F;--color-surface-hover: #263638;--color-surface-elevated: #263638;--color-surface-muted: #1F2D2F;--color-border: rgba(255, 158, 135, .09);--color-border-subtle: rgba(255, 158, 135, .05);--color-border-strong: rgba(255, 158, 135, .15);--color-text: #F5F5F4;--color-text-secondary: #A8A29E;--color-text-muted: #78716C;--color-text-inverse: #1C1917;--color-success: #10B981;--color-success-light: rgba(16, 185, 129, .15);--color-success-text: #34D399;--color-danger: #F43F5E;--color-danger-light: rgba(244, 63, 94, .15);--color-danger-text: #FB7185;--color-warning: #F59E0B;--color-warning-light: rgba(245, 158, 11, .15);--color-warning-text: #FBBF24;--color-info: #72D4CE;--color-info-light: rgba(114, 212, 206, .15);--color-info-text: #92E0DB;--chart-income: #72D4CE;--chart-expense: #FF9E87;--chart-net: #10B981;--chart-grid: rgba(255, 158, 135, .04);--chart-text: #A8A29E;--glass-bg: rgba(19, 27, 28, .85);--glass-border: rgba(255, 158, 135, .09);--glass-shadow: none;--scrollbar-thumb: rgba(255, 158, 135, .15);--scrollbar-track: transparent;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--shadow-xl: 0 12px 36px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-sans);font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;background-color:var(--color-bg);color:var(--color-text);transition:background-color var(--transition-base),color var(--transition-base)}.custom-scrollbar::-webkit-scrollbar{width:5px;height:5px}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}.custom-scrollbar::-webkit-scrollbar-track{background:var(--scrollbar-track)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@media(pointer:coarse){button,a,select,input[type=checkbox],input[type=radio],[role=button]{min-height:44px}}button.inline-flex,button.flex{min-height:40px}@media(max-width:768px){button,select{min-height:44px!important}}.modal-backdrop{padding-bottom:env(safe-area-inset-bottom,0px)}.table-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin}@media(max-width:1023px){#main-content{padding-bottom:80px!important}}@media(max-width:640px){.modal-panel{max-width:calc(100vw - 32px)!important;margin:16px!important}}@media(max-width:640px){.metric-card{padding:16px!important}}button,a,[role=button]{will-change:auto}.metric-card,.card{contain:layout style}.dark .bg-gray-800,.dark .bg-gray-900{will-change:auto}[data-theme-style=gold],[data-theme-style=gold][data-theme=light]{--color-primary: #855F1B;--color-primary-hover: #6E4E14;--color-primary-light: #F4E8CB;--color-primary-ghost: rgba(212, 175, 55, .1);--color-primary-border: rgba(133, 95, 27, .25);--color-accent: #0F766E;--color-accent-hover: #0D9488;--color-accent-light: #CCFBF1;--color-accent-ghost: rgba(15, 118, 110, .08);--color-bg: #F5F3EC;--color-bg-subtle: #ECE8DE;--color-surface: #FCFAF6;--color-surface-hover: #FFFFFF;--color-surface-elevated: #FFFFFF;--color-border: #DFD9CC;--color-border-subtle: #E9E5DC;--color-border-strong: #C4B9A3;--scrollbar-thumb: rgba(133, 95, 27, .25);--chart-income: #0F766E;--chart-expense: #855F1B;--chart-net: #D4AF37}[data-theme-style=gold][data-theme=dark],.dark[data-theme-style=gold],[data-theme-style=gold] .dark,html.dark[data-theme-style=gold]{--color-primary: #E5C378;--color-primary-hover: #F0D597;--color-primary-light: rgba(229, 195, 120, .2);--color-primary-ghost: rgba(229, 195, 120, .12);--color-primary-border: rgba(229, 195, 120, .25);--color-accent: #2DD4BF;--color-accent-hover: #5EEAD4;--color-accent-light: rgba(45, 212, 191, .2);--color-bg: #141310;--color-bg-subtle: #1C1A15;--color-surface: #22201A;--color-surface-hover: #2B2822;--color-surface-elevated: #2B2822;--color-border: rgba(229, 195, 120, .15);--color-border-subtle: rgba(229, 195, 120, .08);--color-border-strong: rgba(229, 195, 120, .28);--scrollbar-thumb: rgba(229, 195, 120, .2);--chart-income: #2DD4BF;--chart-expense: #E5C378;--chart-net: #F0D597}[data-theme-style=gold] body{background-image:linear-gradient(rgba(133,95,27,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(133,95,27,.03) 1px,transparent 1px);background-size:32px 32px}html.dark[data-theme-style=gold] body,.dark[data-theme-style=gold] body,[data-theme-style=gold][data-theme=dark] body{background-image:linear-gradient(rgba(229,195,120,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(229,195,120,.035) 1px,transparent 1px);background-size:32px 32px}[data-theme-style=gold] .bg-primary-600{background-color:#855f1b!important;color:#fff!important}[data-theme-style=gold] .bg-primary-600:hover{background-color:#6e4e14!important}[data-theme-style=gold] .text-primary-600{color:#855f1b!important}[data-theme-style=gold] .text-primary-700{color:#6e4e14!important}[data-theme-style=gold] .border-primary-500,[data-theme-style=gold] .border-primary-600{border-color:#855f1b!important}[data-theme-style=gold] .bg-primary-50{background-color:#faf5ea!important}[data-theme-style=gold] .bg-primary-100{background-color:#f4e8cb!important}[data-theme-style=gold] .text-primary-500{color:#855f1b!important}html.dark[data-theme-style=gold] .bg-primary-600,.dark[data-theme-style=gold] .bg-primary-600{background-color:#d4af37!important;color:#141310!important}html.dark[data-theme-style=gold] .bg-primary-600:hover,.dark[data-theme-style=gold] .bg-primary-600:hover{background-color:#e5c378!important}html.dark[data-theme-style=gold] .text-primary-400,.dark[data-theme-style=gold] .text-primary-400{color:#e5c378!important}