:root{--bg-base: #ECEDF5;--bg-surface: rgba(255, 255, 255, .78);--bg-surface-hover: rgba(255, 255, 255, .94);--bg-surface-solid: #FFFFFF;--bg-nav: rgba(255, 255, 255, .86);--bg-input: rgba(255, 255, 255, .92);--bg-row-hover: rgba(99, 102, 241, .04);--border: rgba(0, 0, 0, .07);--border-strong: rgba(0, 0, 0, .14);--border-focus: rgba(99, 102, 241, .5);--border-card: rgba(255, 255, 255, .6);--accent-rgb: 99, 102, 241;--text-primary: #18181B;--text-secondary: #52525B;--text-muted: #A1A1AA;--text-inverse: #FFFFFF;--accent: #6366F1;--accent-dark: #4F46E5;--accent-light: #EEF2FF;--accent-subtle: rgba(99, 102, 241, .1);--color-positive: #10B981;--color-positive-light: #D1FAE5;--color-negative: #F43F5E;--color-negative-light: #FFE4E6;--color-warning: #F59E0B;--color-warning-light: #FEF3C7;--color-info: #06B6D4;--color-info-light: #CFFAFE;--chart-1: #6366F1;--chart-2: #10B981;--chart-3: #F59E0B;--chart-4: #F43F5E;--chart-5: #06B6D4;--chart-6: #8B5CF6;--chart-7: #EC4899;--chart-8: #84CC16;--bg-blob-1: rgba(99, 102, 241, .12);--bg-blob-2: rgba(16, 185, 129, .09);--bg-blob-3: rgba(245, 158, 11, .07);--bg-blob-4: rgba(99, 102, 241, .07);--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 1px 3px rgba(0,0,0,.04);--shadow-lg: 0 8px 32px rgba(0,0,0,.1), 0 2px 8px rgba(0,0,0,.05);--shadow-nav: 0 2px 20px rgba(0,0,0,.08);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-pill: 9999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--transition-fast: .1s ease;--transition-base: .18s ease;--transition-slow: .3s ease}:root[data-theme=midnight-cyan]{--bg-base: #0A0F1E;--bg-surface: rgba(20, 30, 56, .72);--bg-surface-hover: rgba(24, 37, 70, .84);--bg-surface-solid: #111A31;--bg-nav: rgba(14, 22, 43, .86);--bg-input: rgba(16, 26, 48, .9);--bg-row-hover: rgba(34, 211, 238, .08);--border: rgba(148, 163, 184, .22);--border-strong: rgba(148, 163, 184, .35);--border-focus: rgba(34, 211, 238, .5);--border-card: rgba(125, 211, 252, .2);--text-primary: #E2E8F0;--text-secondary: #C7D2FE;--text-muted: #94A3B8;--text-inverse: #04080F;--accent: #22D3EE;--accent-dark: #06B6D4;--accent-light: rgba(34, 211, 238, .18);--accent-subtle: rgba(34, 211, 238, .14);--accent-rgb: 34, 211, 238;--color-positive: #10B981;--color-positive-light: rgba(16, 185, 129, .16);--color-negative: #F43F5E;--color-negative-light: rgba(244, 63, 94, .16);--color-warning: #F59E0B;--color-warning-light: rgba(245, 158, 11, .16);--color-info: #38BDF8;--color-info-light: rgba(56, 189, 248, .16);--chart-1: #22D3EE;--chart-2: #38BDF8;--chart-3: #10B981;--chart-4: #F59E0B;--chart-5: #FB7185;--chart-6: #A78BFA;--chart-7: #67E8F9;--chart-8: #2DD4BF;--bg-blob-1: rgba(34, 211, 238, .23);--bg-blob-2: rgba(56, 189, 248, .16);--bg-blob-3: rgba(16, 185, 129, .13);--bg-blob-4: rgba(99, 102, 241, .15);--shadow-sm: 0 1px 3px rgba(0,0,0,.45), 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 20px rgba(0,0,0,.55), 0 1px 4px rgba(0,0,0,.35);--shadow-lg: 0 8px 40px rgba(0,0,0,.65), 0 2px 10px rgba(0,0,0,.4);--shadow-nav: 0 2px 24px rgba(0,0,0,.65)}:root[data-theme=obsidian-lime]{--bg-base: #0B0D0F;--bg-surface: rgba(24, 28, 32, .75);--bg-surface-hover: rgba(34, 40, 45, .88);--bg-surface-solid: #151A1E;--bg-nav: rgba(15, 18, 21, .88);--bg-input: rgba(23, 29, 33, .92);--bg-row-hover: rgba(163, 230, 53, .1);--border: rgba(163, 230, 53, .16);--border-strong: rgba(163, 230, 53, .3);--border-focus: rgba(163, 230, 53, .46);--border-card: rgba(132, 204, 22, .2);--text-primary: #F1F5F9;--text-secondary: #D4D4D8;--text-muted: #94A3B8;--text-inverse: #0A0F08;--accent: #A3E635;--accent-dark: #84CC16;--accent-light: rgba(163, 230, 53, .18);--accent-subtle: rgba(163, 230, 53, .14);--accent-rgb: 163, 230, 53;--color-positive: #22C55E;--color-positive-light: rgba(34, 197, 94, .16);--color-negative: #FB7185;--color-negative-light: rgba(251, 113, 133, .16);--color-warning: #FACC15;--color-warning-light: rgba(250, 204, 21, .16);--color-info: #38BDF8;--color-info-light: rgba(56, 189, 248, .16);--chart-1: #A3E635;--chart-2: #84CC16;--chart-3: #22C55E;--chart-4: #38BDF8;--chart-5: #FACC15;--chart-6: #FB7185;--chart-7: #2DD4BF;--chart-8: #EAB308;--bg-blob-1: rgba(163, 230, 53, .2);--bg-blob-2: rgba(132, 204, 22, .16);--bg-blob-3: rgba(56, 189, 248, .1);--bg-blob-4: rgba(34, 197, 94, .11);--shadow-sm: 0 1px 3px rgba(0,0,0,.45), 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 20px rgba(0,0,0,.55), 0 1px 4px rgba(0,0,0,.35);--shadow-lg: 0 8px 40px rgba(0,0,0,.65), 0 2px 10px rgba(0,0,0,.4);--shadow-nav: 0 2px 24px rgba(0,0,0,.65)}:root[data-theme=forest-aurora]{--bg-base: #0B1512;--bg-surface: rgba(18, 35, 29, .74);--bg-surface-hover: rgba(24, 46, 38, .86);--bg-surface-solid: #12261F;--bg-nav: rgba(12, 25, 21, .87);--bg-input: rgba(16, 32, 27, .92);--bg-row-hover: rgba(45, 212, 191, .1);--border: rgba(52, 211, 153, .18);--border-strong: rgba(52, 211, 153, .32);--border-focus: rgba(45, 212, 191, .5);--border-card: rgba(45, 212, 191, .22);--text-primary: #E7F9F2;--text-secondary: #B9EBD8;--text-muted: #8AC8B1;--text-inverse: #062018;--accent: #2DD4BF;--accent-dark: #14B8A6;--accent-light: rgba(45, 212, 191, .18);--accent-subtle: rgba(45, 212, 191, .14);--accent-rgb: 45, 212, 191;--color-positive: #34D399;--color-positive-light: rgba(52, 211, 153, .18);--color-negative: #FB7185;--color-negative-light: rgba(251, 113, 133, .17);--color-warning: #A3E635;--color-warning-light: rgba(163, 230, 53, .18);--color-info: #67E8F9;--color-info-light: rgba(103, 232, 249, .18);--chart-1: #2DD4BF;--chart-2: #34D399;--chart-3: #A3E635;--chart-4: #67E8F9;--chart-5: #FB7185;--chart-6: #22C55E;--chart-7: #5EEAD4;--chart-8: #14B8A6;--bg-blob-1: rgba(45, 212, 191, .19);--bg-blob-2: rgba(52, 211, 153, .16);--bg-blob-3: rgba(163, 230, 53, .1);--bg-blob-4: rgba(20, 184, 166, .14);--shadow-sm: 0 1px 3px rgba(0,0,0,.45), 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 20px rgba(0,0,0,.55), 0 1px 4px rgba(0,0,0,.35);--shadow-lg: 0 8px 40px rgba(0,0,0,.65), 0 2px 10px rgba(0,0,0,.4);--shadow-nav: 0 2px 24px rgba(0,0,0,.65)}:root[data-theme=midnight-violet]{--bg-base: #0E0E12;--bg-surface: rgba(255, 255, 255, .04);--bg-surface-hover: rgba(255, 255, 255, .07);--bg-surface-solid: #18181F;--bg-nav: rgba(10, 10, 14, .97);--bg-input: rgba(255, 255, 255, .06);--bg-row-hover: rgba(255, 255, 255, .04);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .13);--border-focus: rgba(139, 92, 246, .55);--border-card: rgba(255, 255, 255, .06);--text-primary: #F8F8FF;--text-secondary: #9B9BA8;--text-muted: #5C5C6E;--text-inverse: #0E0E12;--accent: #8B5CF6;--accent-dark: #7C3AED;--accent-light: rgba(139, 92, 246, .18);--accent-subtle: rgba(139, 92, 246, .1);--accent-rgb: 139, 92, 246;--color-positive: #4ADE80;--color-positive-light: rgba(74, 222, 128, .14);--color-negative: #F87171;--color-negative-light: rgba(248, 113, 113, .14);--color-warning: #FBBF24;--color-warning-light: rgba(251, 191, 36, .14);--color-info: #60A5FA;--color-info-light: rgba(96, 165, 250, .14);--chart-1: #8B5CF6;--chart-2: #A78BFA;--chart-3: #4ADE80;--chart-4: #60A5FA;--chart-5: #F87171;--chart-6: #FBBF24;--chart-7: #E879F9;--chart-8: #C4B5FD;--bg-blob-1: rgba(139, 92, 246, .1);--bg-blob-2: rgba(167, 139, 250, .06);--bg-blob-3: rgba(196, 181, 253, .04);--bg-blob-4: rgba(233, 121, 249, .05);--shadow-sm: 0 1px 3px rgba(0,0,0,.45), 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 20px rgba(0,0,0,.55), 0 1px 4px rgba(0,0,0,.35);--shadow-lg: 0 8px 40px rgba(0,0,0,.65), 0 2px 10px rgba(0,0,0,.4);--shadow-nav: 0 2px 24px rgba(0,0,0,.65)}:root[data-theme=desert-boho]{--bg-base: #F6F1E8;--bg-surface: rgba(255, 249, 240, .88);--bg-surface-hover: rgba(255, 252, 246, .96);--bg-surface-solid: #FFF9F0;--bg-nav: rgba(246, 241, 232, .93);--bg-input: rgba(255, 252, 246, .96);--bg-row-hover: rgba(201, 120, 83, .08);--border: rgba(216, 200, 177, .28);--border-strong: rgba(216, 200, 177, .46);--border-focus: rgba(201, 120, 83, .42);--border-card: rgba(216, 200, 177, .44);--text-primary: #3F342C;--text-secondary: #6A5B4E;--text-muted: #8B7B6C;--text-inverse: #FFF8EE;--accent: #C97853;--accent-dark: #B86642;--accent-light: rgba(201, 120, 83, .16);--accent-subtle: rgba(201, 120, 83, .11);--accent-rgb: 201, 120, 83;--color-positive: #8FA786;--color-positive-light: rgba(143, 167, 134, .16);--color-negative: #B55E4D;--color-negative-light: rgba(181, 94, 77, .15);--color-warning: #C8A96B;--color-warning-light: rgba(200, 169, 107, .17);--color-info: #7C9E9A;--color-info-light: rgba(124, 158, 154, .15);--chart-1: #C97853;--chart-2: #8FA786;--chart-3: #C8A96B;--chart-4: #A86A52;--chart-5: #7C9E9A;--chart-6: #B8895B;--chart-7: #9A7D5D;--chart-8: #6F8C74;--bg-blob-1: rgba(201, 120, 83, .14);--bg-blob-2: rgba(143, 167, 134, .12);--bg-blob-3: rgba(200, 169, 107, .12);--bg-blob-4: rgba(124, 158, 154, .1);--font-sans: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}:root[data-theme=coastal-boho]{--bg-base: #F3EFE7;--bg-surface: rgba(250, 247, 241, .88);--bg-surface-hover: rgba(255, 252, 246, .96);--bg-surface-solid: #FAF7F1;--bg-nav: rgba(243, 239, 231, .92);--bg-input: rgba(255, 253, 249, .96);--bg-row-hover: rgba(78, 124, 122, .08);--border: rgba(157, 140, 117, .24);--border-strong: rgba(157, 140, 117, .4);--border-focus: rgba(78, 124, 122, .42);--border-card: rgba(196, 181, 160, .4);--text-primary: #2F3D40;--text-secondary: #586A6E;--text-muted: #8A9699;--text-inverse: #F9F6EF;--accent: #4E7C7A;--accent-dark: #3E6765;--accent-light: rgba(78, 124, 122, .14);--accent-subtle: rgba(78, 124, 122, .1);--accent-rgb: 78, 124, 122;--color-positive: #5C8A61;--color-positive-light: rgba(92, 138, 97, .16);--color-negative: #C5724B;--color-negative-light: rgba(197, 114, 75, .16);--color-warning: #B98E43;--color-warning-light: rgba(185, 142, 67, .16);--color-info: #5F8F9A;--color-info-light: rgba(95, 143, 154, .16);--chart-1: #4E7C7A;--chart-2: #C5724B;--chart-3: #9D8C75;--chart-4: #5C8A61;--chart-5: #B98E43;--chart-6: #6B8AA1;--chart-7: #7C6E5A;--chart-8: #7A9A8A;--bg-blob-1: rgba(78, 124, 122, .16);--bg-blob-2: rgba(197, 114, 75, .12);--bg-blob-3: rgba(157, 140, 117, .12);--bg-blob-4: rgba(92, 138, 97, .1);--font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}:root[data-theme=retro-ledger]{--bg-base: #F5F0E4;--bg-surface: rgba(255, 253, 248, .86);--bg-surface-hover: rgba(255, 254, 250, .95);--bg-surface-solid: #FFFDF8;--bg-nav: rgba(245, 240, 228, .93);--bg-input: rgba(255, 253, 248, .96);--bg-row-hover: rgba(111, 122, 79, .1);--border: rgba(144, 126, 97, .26);--border-strong: rgba(144, 126, 97, .42);--border-focus: rgba(111, 122, 79, .42);--border-card: rgba(185, 167, 135, .42);--text-primary: #2F2A24;--text-secondary: #5A5147;--text-muted: #7D7469;--text-inverse: #F8F4EC;--accent: #6F7A4F;--accent-dark: #5C6640;--accent-light: rgba(111, 122, 79, .16);--accent-subtle: rgba(111, 122, 79, .11);--accent-rgb: 111, 122, 79;--color-positive: #6F7A4F;--color-positive-light: rgba(111, 122, 79, .18);--color-negative: #B95C3F;--color-negative-light: rgba(185, 92, 63, .16);--color-warning: #BE9A3F;--color-warning-light: rgba(190, 154, 63, .16);--color-info: #6F7869;--color-info-light: rgba(111, 120, 105, .16);--chart-1: #6F7A4F;--chart-2: #B95C3F;--chart-3: #BE9A3F;--chart-4: #8D7050;--chart-5: #7A8F62;--chart-6: #9A6A49;--chart-7: #A38249;--chart-8: #66754A;--bg-blob-1: rgba(111, 122, 79, .16);--bg-blob-2: rgba(185, 92, 63, .11);--bg-blob-3: rgba(190, 154, 63, .11);--bg-blob-4: rgba(141, 112, 80, .1);--font-sans: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-base)}body{font-family:var(--font-sans);font-size:.9375rem;color:var(--text-primary);min-height:100vh;background-color:var(--bg-base);background-image:radial-gradient(ellipse at 12% 12%,var(--bg-blob-1) 0%,transparent 48%),radial-gradient(ellipse at 88% 22%,var(--bg-blob-2) 0%,transparent 44%),radial-gradient(ellipse at 55% 85%,var(--bg-blob-3) 0%,transparent 44%),radial-gradient(ellipse at 78% 68%,var(--bg-blob-4) 0%,transparent 38%);background-attachment:fixed;padding-bottom:env(safe-area-inset-bottom,0px)}.app{position:relative;display:flex;flex-direction:column;min-height:100vh;isolation:isolate}.shooting-stars{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.shooting-star{position:absolute;width:var(--star-tail, 140px);height:var(--star-thickness, 2px);border-radius:999px 0 0 999px;opacity:0;background:linear-gradient(90deg,#ffe09600,#ffe09603,#ffde9109,#ffdb8a14 48%,#ffd88257,#ffdfa5b8 84%,#fff6e1);clip-path:polygon(0 50%,82% 40%,94% 44%,100% 50%,94% 56%,82% 60%,0 50%);box-shadow:0 0 10px #ffd67a80,0 0 20px #ffd67a47,0 0 34px #ffd67a24;transform-origin:right center;will-change:transform,opacity;filter:saturate(115%);animation:shooting-star-flight var(--star-duration, 3s) linear infinite;animation-delay:var(--star-delay, 0s)}.shooting-star:before{content:"";position:absolute;right:-4px;top:50%;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle,#fffbf0,#ffeeb9f5 20%,#ffde91b8 42%,#ffd67a38,#ffd67a00 82%);box-shadow:0 0 12px rgba(255,225,150,calc(.62 * var(--star-glow, 1))),0 0 24px rgba(255,214,122,calc(.28 * var(--star-glow, 1))),0 0 38px rgba(255,214,122,calc(.12 * var(--star-glow, 1)));transform:translateY(-50%);animation:star-tip-pulse var(--star-pulse-duration, 1.2s) ease-in-out infinite;animation-delay:var(--star-pulse-delay, 0s)}.shooting-star:after{content:none}@keyframes shooting-star-flight{0%{opacity:0;transform:translateZ(0) rotate(var(--star-rotation, 0deg)) scaleX(calc(.45 * var(--star-scale, 1)))}8%{opacity:1}70%{opacity:.95}to{opacity:0;transform:translate3d(var(--star-dx, 120vw),var(--star-dy, 0vh),0) rotate(var(--star-rotation, 0deg)) scaleX(var(--star-scale, 1))}}@keyframes star-tip-pulse{0%,to{opacity:.72;filter:brightness(.96)}35%{opacity:.92;filter:brightness(1.08)}60%{opacity:.8;filter:brightness(1)}}@media (prefers-reduced-motion: reduce){.shooting-star{animation:none;opacity:0}}.app-nav{position:sticky;top:0;z-index:100;background:var(--bg-nav);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);box-shadow:var(--shadow-nav);padding-top:env(safe-area-inset-top,0px)}.app-nav__inner{max-width:1600px;margin:0 auto;padding:0 var(--space-lg);display:flex;align-items:center;gap:var(--space-lg)}.app-nav__brand{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) 0;flex-shrink:0;text-decoration:none}.app-nav__logo{width:34px;height:34px;background:linear-gradient(135deg,var(--accent) 0%,color-mix(in srgb,var(--accent) 70%,white) 100%);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;font-weight:700;flex-shrink:0}.app-nav__brand-name{font-size:1.0625rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.app-nav__tabs{display:flex;align-items:center;gap:2px;flex:1;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:var(--space-sm) 0;scroll-snap-type:x proximity}.app-nav__tabs::-webkit-scrollbar{display:none}.app-nav__actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-sm)}.app-nav__logout-desktop{opacity:.7}.app-nav__menu-trigger{display:none;align-items:center;gap:6px;min-height:38px;padding:7px var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--bg-surface-solid);color:var(--text-primary);font-family:var(--font-sans);font-size:.8125rem;font-weight:600;cursor:pointer}.app-nav__menu-trigger.active{color:var(--accent);border-color:var(--accent);box-shadow:0 0 0 2px rgba(var(--accent-rgb),.12)}.app-nav__mobile-menu{display:none}.nav-tab{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px var(--space-md);border-radius:var(--radius-md);border:none;background:transparent;color:var(--text-secondary);font-family:var(--font-sans);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;outline:none}.nav-tab{scroll-snap-align:start}.nav-tab:hover{background:var(--accent-subtle);color:var(--accent)}.nav-tab.active{background:var(--accent);color:var(--text-inverse);box-shadow:0 2px 8px rgba(var(--accent-rgb),.34)}.nav-tab__icon{font-size:13px;line-height:1}.page{position:relative;z-index:1;flex:1;max-width:1600px;width:100%;margin:0 auto;padding:var(--space-xl) var(--space-lg);padding-bottom:calc(var(--space-xl) + env(safe-area-inset-bottom,0px))}@media (min-width: 769px){.app:not(.auth-shell){flex-direction:row;align-items:stretch}.app:not(.auth-shell) .app-nav{width:84px;min-width:84px;height:100vh;border-bottom:none;border-right:1px solid var(--border);padding-top:0;display:flex;flex-direction:column}.app:not(.auth-shell) .app-nav__inner{max-width:none;width:100%;height:100%;padding:var(--space-md) 10px;flex-direction:column;align-items:center;gap:var(--space-sm)}.app:not(.auth-shell) .app-nav__brand{padding:var(--space-sm) 0 var(--space-md);justify-content:center}.app:not(.auth-shell) .app-nav__brand-name{display:none}.app:not(.auth-shell) .app-nav__tabs{width:100%;flex-direction:column;align-items:center;gap:var(--space-xs);overflow:visible;padding:0;scroll-snap-type:none}.app:not(.auth-shell) .app-nav__tabs .nav-tab,.app:not(.auth-shell) .app-nav__logout-desktop{width:100%;min-height:42px;justify-content:center;padding:0;border:1px solid transparent;background:transparent;box-shadow:none}.app:not(.auth-shell) .app-nav__tabs .nav-tab:hover,.app:not(.auth-shell) .app-nav__logout-desktop:hover{background:transparent;color:var(--text-primary);border-color:transparent;box-shadow:none}.app:not(.auth-shell) .app-nav__tabs .nav-tab.active,.app:not(.auth-shell) .app-nav__logout-desktop.active{background:transparent;color:var(--accent);border-color:transparent;box-shadow:none}.app:not(.auth-shell) .app-nav__tabs .nav-tab__label,.app:not(.auth-shell) .app-nav__logout-desktop .nav-tab__label{display:none}.app:not(.auth-shell) .nav-tab__icon svg{width:25px;height:25px}.app:not(.auth-shell) .app-nav__actions{width:100%;margin-left:0;margin-top:auto;justify-content:center;padding-top:var(--space-sm);border-top:1px solid var(--border)}.app:not(.auth-shell) .app-nav__mobile-menu,.app:not(.auth-shell) .app-nav__menu-trigger{display:none}.app:not(.auth-shell) .page{flex:0 0 75vw;max-width:75vw;width:75vw;margin:0 auto;min-width:0;padding:var(--space-xl) var(--space-xl)}}.auth-shell{min-height:100vh}.nav-tab__icon svg{width:16px;height:16px;display:block}.auth-page{display:flex;align-items:center;justify-content:center}.auth-panel{width:min(100%,420px);padding:var(--space-xl)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-xl);gap:var(--space-md);flex-wrap:wrap}.page-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.03em;line-height:1.2}.page-subtitle{margin-top:3px;font-size:.8125rem;color:var(--text-muted)}.page-actions{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.grid{display:grid;gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4,.grid-kpi{grid-template-columns:repeat(4,1fr)}.grid-dashboard{grid-template-columns:2fr 1fr}.dashboard-kpis-row{grid-template-columns:repeat(5,minmax(0,1fr))}.assets-category-kpis{grid-template-columns:repeat(7,1fr)}.grid-assets-kpi{grid-template-columns:repeat(6,1fr)}.tx-form-field-date{max-width:160px}.tx-form-field-type{max-width:130px}.tx-form-field-amount{max-width:150px}@media (max-width: 1200px){.grid-4,.grid-kpi{grid-template-columns:repeat(2,1fr)}.grid-dashboard{grid-template-columns:1fr}.dashboard-kpis-row{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-assets-kpi{grid-template-columns:repeat(3,1fr)}.assets-category-kpis{grid-template-columns:repeat(4,1fr)}}@media (max-width: 900px){.grid-3{grid-template-columns:1fr 1fr}.dashboard-kpis-row{grid-template-columns:repeat(2,minmax(0,1fr))}.assets-category-kpis{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid-2,.grid-3,.grid-4,.grid-kpi,.dashboard-kpis-row{grid-template-columns:1fr}.grid-assets-kpi{grid-template-columns:1fr 1fr}}.card{background:var(--bg-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:box-shadow var(--transition-slow),background var(--transition-slow);overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);background:var(--bg-surface-hover)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-lg) 0}.card-title{font-size:.9375rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.card-subtitle{margin-top:2px;font-size:.75rem;color:var(--text-muted)}.card-body{padding:var(--space-lg)}.card-body--flush{padding:0}.kpi-card{position:relative;overflow:hidden}.kpi-card:after{content:"";position:absolute;top:-20px;right:-20px;width:74px;height:74px;border-radius:50%;opacity:.09;z-index:0}.kpi-card--accent:after{background:var(--accent)}.kpi-card--positive:after{background:var(--color-positive)}.kpi-card--negative:after{background:var(--color-negative)}.kpi-card--warning:after{background:var(--color-warning)}.kpi-card--info:after{background:var(--color-info)}.kpi-card__inner{padding:var(--space-lg);position:relative;z-index:1}.kpi-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.kpi-card__label{font-size:.6875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em}.kpi-card__icon{width:25.6px;height:25.6px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;transform:translate(25%,-25%)}.kpi-card__icon--accent{background:var(--accent-light);color:var(--accent)}.kpi-card__icon--positive{background:var(--color-positive-light);color:var(--color-positive)}.kpi-card__icon--negative{background:var(--color-negative-light);color:var(--color-negative)}.kpi-card__icon--warning{background:var(--color-warning-light);color:var(--color-warning)}.kpi-card__icon--info{background:var(--color-info-light);color:var(--color-info)}.kpi-card__value{font-size:1.875rem;font-weight:700;color:var(--text-primary);letter-spacing:-.03em;line-height:1.1;margin-bottom:6px}.kpi-card__footer{display:flex;align-items:center;gap:var(--space-sm)}.kpi-card__trend{display:inline-flex;align-items:center;gap:3px;font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-pill)}.kpi-card__trend--positive{background:var(--color-positive-light);color:var(--color-positive)}.kpi-card__trend--negative{background:var(--color-negative-light);color:var(--color-negative)}.kpi-card__trend-label{font-size:.75rem;color:var(--text-muted)}.btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--transition-base);border:none;outline:none;text-decoration:none;white-space:nowrap}.btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.btn:disabled{opacity:.48;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--text-inverse);box-shadow:0 2px 8px rgba(var(--accent-rgb),.3)}.btn-primary:hover:not(:disabled){background:var(--accent-dark);box-shadow:0 4px 14px rgba(var(--accent-rgb),.4)}.btn-secondary{background:var(--bg-surface-solid);color:var(--text-primary);border:1px solid var(--border-strong);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--accent-subtle);color:var(--accent)}.btn-danger{background:var(--color-negative-light);color:var(--color-negative)}.btn-danger:hover:not(:disabled){background:var(--color-negative);color:#fff}.btn-sm{padding:4px 10px;font-size:.75rem;border-radius:var(--radius-sm)}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:.9375rem}.form-group{display:flex;flex-direction:column;gap:4px}.form-label{font-size:.6875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.form-input,.form-select,.form-textarea{padding:var(--space-sm) var(--space-md);background:var(--bg-input);border:1px solid var(--border-strong);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:.875rem;color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.16)}.form-input::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:72px}.form-row{display:flex;gap:var(--space-md);flex-wrap:wrap;align-items:flex-end}.form-row .form-group{flex:1;min-width:120px}.panel{background:var(--bg-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm)}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.8125rem}thead th{padding:var(--space-sm) var(--space-md);text-align:left;font-weight:600;font-size:.6875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;background:#00000005;border-bottom:1px solid var(--border);white-space:nowrap}tbody td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border);color:var(--text-secondary);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--bg-row-hover)}.td-primary{color:var(--text-primary);font-weight:500}.td-mono{font-family:var(--font-mono);font-size:.8125rem}.td-right{text-align:right}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-pill);font-size:.6875rem;font-weight:600;white-space:nowrap}.badge-accent{background:var(--accent-light);color:var(--accent)}.badge-positive{background:var(--color-positive-light);color:var(--color-positive)}.badge-negative{background:var(--color-negative-light);color:var(--color-negative)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning)}.badge-info{background:var(--color-info-light);color:var(--color-info)}.badge-neutral{background:#0000000f;color:var(--text-secondary)}.period-picker{display:flex;align-items:center;gap:var(--space-xs);background:var(--bg-surface-solid);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:4px var(--space-sm);box-shadow:var(--shadow-sm)}.period-picker select{background:transparent;border:none;font-family:var(--font-sans);font-size:.8125rem;font-weight:500;color:var(--text-primary);cursor:pointer;outline:none}.period-picker select option{background:var(--bg-surface-solid);color:var(--text-primary)}.period-picker__sep{color:var(--text-muted);font-size:.75rem}.progress-bar{height:6px;background:#00000012;border-radius:var(--radius-pill);overflow:hidden;flex:1}.progress-bar__fill{height:100%;border-radius:var(--radius-pill);transition:width .5s ease}.progress-bar__fill--ok{background:var(--color-positive)}.progress-bar__fill--warn{background:var(--color-warning)}.progress-bar__fill--over{background:var(--color-negative)}.cat-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;display:inline-block}.empty-state{text-align:center;padding:var(--space-2xl) var(--space-lg);color:var(--text-muted)}.empty-state__icon{font-size:2.5rem;margin-bottom:var(--space-md)}.empty-state h3{font-size:1.0625rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-sm)}.empty-state p{font-size:.875rem}.divider{height:1px;background:var(--border);margin:var(--space-lg) 0}.update-toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:1400;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:var(--bg-nav);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-lg)}.update-toast__text{font-size:.8125rem;color:var(--text-secondary);font-weight:500}.text-positive{color:var(--color-positive)}.text-negative{color:var(--color-negative)}.text-warning{color:var(--color-warning)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.font-mono{font-family:var(--font-mono)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}@media (max-width: 768px){.page{padding:var(--space-md);padding-bottom:calc(var(--space-lg) + env(safe-area-inset-bottom,0px))}.app-nav__inner{padding:0 var(--space-md);gap:var(--space-sm);flex-direction:row;align-items:center}.app-nav__brand{padding:var(--space-sm) 0;min-height:44px}.app-nav__tabs--desktop,.app-nav__logout-desktop{display:none}.app-nav__actions{order:1;margin-left:0}.app-nav__brand{order:3;display:inline-flex;margin-left:auto}.app-nav__menu-trigger{display:inline-flex;min-height:42px;font-size:.875rem}.app-nav__mobile-menu{display:block;max-height:0;opacity:0;overflow:hidden;border-top:1px solid transparent;transition:max-height .22s ease,opacity .18s ease,border-color .18s ease}.app-nav__mobile-menu.open{max-height:520px;opacity:1;border-top-color:var(--border)}.app-nav__mobile-list{max-width:1600px;margin:0 auto;padding:var(--space-sm) var(--space-md) var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.app-nav__mobile-item{width:100%;justify-content:flex-start}.nav-tab{min-height:42px;padding:9px var(--space-md);font-size:.875rem}.nav-tab__icon{font-size:14px}.card-body{padding:var(--space-md)}.card-header{padding:var(--space-md) var(--space-md) 0}.page-header{flex-direction:column}.page-title{font-size:1.25rem}.btn,.form-input,.form-select,.form-textarea{min-height:44px}.btn-sm{min-height:36px}.form-row{gap:var(--space-sm)}.form-row .form-group{min-width:100%}.tx-form-field-date,.tx-form-field-type,.tx-form-field-amount{max-width:100%;width:100%;min-width:0}.tx-form-field-date .form-input[type=date]{width:100%;max-width:100%;min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.table-container{-webkit-overflow-scrolling:touch}table{font-size:.78rem}thead th,tbody td{padding:var(--space-sm) 10px}}@media (max-width: 640px){.assets-category-kpis{grid-template-columns:1fr}}@media (max-width: 430px){.app-nav__brand-name{font-size:.9375rem}.page{padding:12px;padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}.kpi-card__value{font-size:1.55rem}.update-toast{width:calc(100% - 24px);left:12px;transform:none;justify-content:space-between;flex-wrap:wrap}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000007a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.modal-content{background:var(--bg-surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-card);border-radius:var(--radius-xl);box-shadow:0 20px 48px #0000003d,var(--shadow-lg);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--border);flex-shrink:0}.modal-header h2{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0}.modal-body{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-lg);border-top:1px solid var(--border);flex-shrink:0}.modal-body input,.modal-body select,.modal-body textarea{font-size:.875rem;padding:var(--space-sm) var(--space-md)}.modal-body label{font-size:.6875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.receipt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--space-md)}.receipt-modal{background:var(--bg-surface-solid);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.receipt-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border);flex-shrink:0}.receipt-modal-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.receipt-idle{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-2xl) var(--space-lg)}.receipt-idle-hint{color:var(--text-secondary);font-size:.875rem;text-align:center;max-width:320px}.receipt-capture-btn{width:100%;max-width:260px;padding:14px;font-size:1rem}.receipt-error{background:var(--color-negative-light);color:var(--color-negative);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:.875rem;width:100%;max-width:360px;text-align:center}.receipt-scanning{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);padding:var(--space-2xl) var(--space-lg)}.receipt-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:receipt-spin .75s linear infinite}@keyframes receipt-spin{to{transform:rotate(360deg)}}.receipt-scanning-label{color:var(--text-secondary);font-size:.9375rem}.receipt-review{display:flex;flex-direction:column;overflow:hidden}.receipt-meta-row{display:flex;gap:var(--space-sm);padding:var(--space-md) var(--space-lg) 0}.receipt-meta-row .form-group{min-width:0;margin-bottom:0}.receipt-items-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border);flex-shrink:0}.receipt-col-desc{flex:1}.receipt-col-cat{width:150px}.receipt-col-amt{width:90px}.receipt-items-list{overflow-y:auto;flex:1;min-height:80px;max-height:280px;padding:var(--space-xs) 0}.receipt-empty{color:var(--text-secondary);font-size:.875rem;padding:var(--space-lg);text-align:center}.receipt-item-row{display:flex;align-items:center;gap:var(--space-sm);padding:5px var(--space-lg);transition:background .1s}.receipt-item-row:hover{background:var(--bg-row-hover)}.receipt-item-deselected{opacity:.45}.receipt-item-check{flex-shrink:0;width:16px;height:16px;cursor:pointer;accent-color:var(--accent)}.receipt-item-desc{flex:1;padding:5px 8px;font-size:.875rem}.receipt-item-amount{width:90px;padding:5px 8px;font-size:.875rem;text-align:right}.receipt-item-category{width:150px;min-width:0;font-size:.8125rem;padding:5px 8px}.receipt-item-remove{flex-shrink:0;color:var(--text-muted);font-size:.75rem;padding:2px 6px}.receipt-add-item-btn{margin:var(--space-xs) var(--space-lg);align-self:flex-start;font-size:.8125rem;color:var(--accent)}.receipt-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border);flex-shrink:0}@media (max-width: 640px){.receipt-overlay{padding:0;align-items:flex-end}.receipt-modal{max-width:100%;border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:92svh;padding-bottom:env(safe-area-inset-bottom,0px)}.receipt-meta-row{flex-direction:column;gap:0}.receipt-meta-row .form-input[type=date]{width:100%;max-width:100%;min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.receipt-items-header{display:none}.receipt-item-row{display:grid;grid-template-columns:20px 1fr 28px;grid-template-areas:"check desc remove" ". category ." ". amount .";gap:6px 8px;align-items:center;padding:8px var(--space-lg)}.receipt-item-check{grid-area:check}.receipt-item-desc{grid-area:desc}.receipt-item-category{grid-area:category;width:100%}.receipt-item-amount{grid-area:amount;width:100%;text-align:left}.receipt-item-remove{grid-area:remove;justify-self:end}.receipt-items-list{max-height:220px}}