@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.animate-in-fast{animation:fadeInUp .15s ease forwards}.amount-income{color:#2e7d32}.amount-expense{color:#c62828}.amount-transfer{color:#1565c0}.amount-positive{color:#2e7d32}.amount-negative{color:#c62828}.currency-display{font-family:Roboto Mono,monospace;font-weight:600;font-variant-numeric:tabular-nums}.skeleton,.skeleton-text,.skeleton-title,.skeleton-avatar,.skeleton-card{background:linear-gradient(90deg,var(--mat-sys-surface-container) 25%,var(--mat-sys-surface-container-high) 50%,var(--mat-sys-surface-container) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite linear;border-radius:4px}.skeleton.skeleton-text,.skeleton-text{height:16px;width:100%}.skeleton.skeleton-title,.skeleton-title{height:24px;width:60%}.skeleton.skeleton-avatar,.skeleton-avatar{width:40px;height:40px;border-radius:50%}.skeleton.skeleton-card,.skeleton-card{height:100px;width:100%;border-radius:12px}.skeleton.skeleton-button,.skeleton-button.skeleton-text,.skeleton-button.skeleton-title,.skeleton-button.skeleton-avatar,.skeleton-button.skeleton-card{height:36px;width:120px;border-radius:8px}.row-hover{transition:background-color .15s ease}.row-hover:hover{background-color:var(--mat-sys-surface-container-low)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.empty-state-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;color:var(--mat-sys-on-surface-variant)}.empty-state-container .empty-icon{font-size:72px;width:72px;height:72px;margin-bottom:24px;opacity:.6}.empty-state-container .empty-title{font-size:1.25rem;font-weight:500;margin:0 0 8px;color:var(--mat-sys-on-surface)}.empty-state-container .empty-description{margin:0 0 24px;max-width:400px;line-height:1.6}.empty-state-container .empty-tip{display:flex;align-items:center;gap:8px;font-size:.875rem;padding:12px 16px;background:var(--mat-sys-surface-container);border-radius:8px;margin-top:24px}.empty-state-container .empty-tip mat-icon{font-size:18px;width:18px;height:18px;color:var(--mat-sys-primary)}.theme-transitioning,.theme-transitioning *{transition:background-color .3s ease-out,color .3s ease-out,border-color .3s ease-out,box-shadow .3s ease-out}:root{--gf-font-body: DM Sans, system-ui, sans-serif;--gf-font-heading: Cormorant Garamond, serif;--gf-sidebar-w: 260px;--gf-radius-card: 16px;--gf-radius-sm: 8px;--gf-transition: .2s cubic-bezier(.4, 0, .2, 1)}html.dark-theme,html:not(.light-theme):not(.dark-theme){--gf-bg-base: #1a1a2e;--gf-bg-surface: rgba(255, 255, 255, .04);--gf-bg-surface-hover: rgba(255, 255, 255, .07);--gf-border-subtle: rgba(255, 255, 255, .08);--gf-accent: #7c3aed;--gf-accent-glow: rgba(124, 58, 237, .35);--gf-accent-light: #a78bfa;--gf-text-primary: #f1f0f5;--gf-text-secondary: rgba(241, 240, 245, .55);--gf-text-tertiary: rgba(241, 240, 245, .35);--gf-green: #34d399;--gf-red: #f87171;--gf-yellow: #fbbf24;--gf-blue: #60a5fa;--gf-orange: #fb923c;--gf-card-shadow: none;--gf-card-hover-shadow: 0 8px 32px rgba(0, 0, 0, .3), 0 0 0 1px rgba(124, 58, 237, .1);--gf-card-backdrop: blur(12px);--gf-card-glow: radial-gradient(ellipse at top left, rgba(124, 58, 237, .06), transparent 60%);--gf-sidebar-bg: rgba(26, 26, 46, .92);--gf-sidebar-backdrop: blur(24px)}html.light-theme{--gf-bg-base: #f8f9fa;--gf-bg-surface: #ffffff;--gf-bg-surface-hover: #f0f0f5;--gf-border-subtle: rgba(0, 0, 0, .08);--gf-accent: #6d28d9;--gf-accent-glow: rgba(109, 40, 217, .15);--gf-accent-light: #7c3aed;--gf-text-primary: #1a1a2e;--gf-text-secondary: rgba(26, 26, 46, .6);--gf-text-tertiary: rgba(26, 26, 46, .4);--gf-green: #059669;--gf-red: #dc2626;--gf-yellow: #d97706;--gf-blue: #2563eb;--gf-orange: #ea580c;--gf-card-shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--gf-card-hover-shadow: 0 4px 16px rgba(0, 0, 0, .1), 0 0 0 1px rgba(109, 40, 217, .12);--gf-card-backdrop: none;--gf-card-glow: none;--gf-sidebar-bg: #ffffff;--gf-sidebar-backdrop: none}.gf-btn{font-family:DM Sans,system-ui,sans-serif;font-size:13px;font-weight:600;border-radius:8px;padding:8px 16px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;display:inline-flex;align-items:center;gap:6px}.gf-btn:disabled{opacity:.5;cursor:not-allowed}.gf-btn-primary{background:#7c3aed;color:#fff}.gf-btn-primary:hover:not(:disabled){background:#6d28d9}.gf-btn-secondary{background:transparent;color:#7c3aed;border:1px solid rgba(124,58,237,.3)}.gf-btn-secondary:hover:not(:disabled){background:#7c3aed14;border-color:#7c3aed}.gf-btn-ghost{background:transparent;color:#f1f0f58c}.gf-btn-ghost:hover:not(:disabled){background:#ffffff0f;color:#f1f0f5}.gf-btn-danger{background:#ef4444;color:#fff}.gf-btn-danger:hover:not(:disabled){background:#dc2626}.gf-btn-sm{padding:6px 12px;font-size:12px}.gf-btn-lg{padding:12px 24px;font-size:14px}html.light-theme .gf-btn-ghost{color:#1a1a2e99}html.light-theme .gf-btn-ghost:hover:not(:disabled){background:#0000000a;color:#1a1a2e}.gf-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .2s ease,box-shadow .2s ease}.gf-card:hover{border-color:#7c3aed40}.gf-card.gf-card-interactive:hover{box-shadow:0 8px 32px #0000004d,0 0 0 1px #7c3aed1a;cursor:pointer}html.light-theme .gf-card{background:#fff;border-color:#00000014;box-shadow:0 1px 3px #00000014;-webkit-backdrop-filter:none;backdrop-filter:none}html.light-theme .gf-card:hover{border-color:#6d28d933}html.light-theme .gf-card.gf-card-interactive:hover{box-shadow:0 4px 16px #0000001a}html.light-theme{--mat-sys-background: light-dark(#fef8fc, #151316);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f5eff4, #323033);--mat-sys-inverse-primary: light-dark(#d5baff, #7d00fa);--mat-sys-inverse-surface: light-dark(#323033, #e6e1e6);--mat-sys-on-background: light-dark(#1d1b1e, #e6e1e6);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #42008a);--mat-sys-on-primary-container: light-dark(#5f00c0, #ecdcff);--mat-sys-on-primary-fixed: light-dark(#270057, #270057);--mat-sys-on-primary-fixed-variant: light-dark(#5f00c0, #5f00c0);--mat-sys-on-secondary: light-dark(#ffffff, #352d40);--mat-sys-on-secondary-container: light-dark(#4b4357, #eadef7);--mat-sys-on-secondary-fixed: light-dark(#1f182a, #1f182a);--mat-sys-on-secondary-fixed-variant: light-dark(#4b4357, #4b4357);--mat-sys-on-surface: light-dark(#1d1b1e, #e6e1e6);--mat-sys-on-surface-variant: light-dark(#49454e, #e8e0eb);--mat-sys-on-tertiary: light-dark(#ffffff, #0001ac);--mat-sys-on-tertiary-container: light-dark(#0000ef, #e0e0ff);--mat-sys-on-tertiary-fixed: light-dark(#00006e, #00006e);--mat-sys-on-tertiary-fixed-variant: light-dark(#0000ef, #0000ef);--mat-sys-outline: light-dark(#7b757f, #958e99);--mat-sys-outline-variant: light-dark(#cbc4cf, #49454e);--mat-sys-primary: light-dark(#7d00fa, #d5baff);--mat-sys-primary-container: light-dark(#ecdcff, #5f00c0);--mat-sys-primary-fixed: light-dark(#ecdcff, #ecdcff);--mat-sys-primary-fixed-dim: light-dark(#d5baff, #d5baff);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#645b70, #cec2db);--mat-sys-secondary-container: light-dark(#eadef7, #4b4357);--mat-sys-secondary-fixed: light-dark(#eadef7, #eadef7);--mat-sys-secondary-fixed-dim: light-dark(#cec2db, #cec2db);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fef8fc, #151316);--mat-sys-surface-bright: light-dark(#fef8fc, #3b383c);--mat-sys-surface-container: light-dark(#f2ecf1, #211f22);--mat-sys-surface-container-high: light-dark(#ede6eb, #2b292d);--mat-sys-surface-container-highest: light-dark(#e6e1e6, #363437);--mat-sys-surface-container-low: light-dark(#f8f2f6, #1d1b1e);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0f0d11);--mat-sys-surface-dim: light-dark(#ded8dd, #151316);--mat-sys-surface-tint: light-dark(#7d00fa, #d5baff);--mat-sys-surface-variant: light-dark(#e8e0eb, #49454e);--mat-sys-tertiary: light-dark(#343dff, #bec2ff);--mat-sys-tertiary-container: light-dark(#e0e0ff, #0000ef);--mat-sys-tertiary-fixed: light-dark(#e0e0ff, #e0e0ff);--mat-sys-tertiary-fixed-dim: light-dark(#bec2ff, #bec2ff);--mat-sys-neutral-variant20: #332f37;--mat-sys-neutral10: #1d1b1e;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem DM Sans;--mat-sys-body-large-font: DM Sans;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem DM Sans;--mat-sys-body-medium-font: DM Sans;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem DM Sans;--mat-sys-body-small-font: DM Sans;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem DM Sans;--mat-sys-display-large-font: DM Sans;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem DM Sans;--mat-sys-display-medium-font: DM Sans;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem DM Sans;--mat-sys-display-small-font: DM Sans;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem DM Sans;--mat-sys-headline-large-font: DM Sans;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem DM Sans;--mat-sys-headline-medium-font: DM Sans;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem DM Sans;--mat-sys-headline-small-font: DM Sans;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem DM Sans;--mat-sys-label-large-font: DM Sans;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem DM Sans;--mat-sys-label-medium-font: DM Sans;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem DM Sans;--mat-sys-label-small-font: DM Sans;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem DM Sans;--mat-sys-title-large-font: DM Sans;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem DM Sans;--mat-sys-title-medium-font: DM Sans;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem DM Sans;--mat-sys-title-small-font: DM Sans;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12;color-scheme:light;--mat-sys-primary: #6d28d9;--mat-sys-on-primary: #fff;--mat-sys-surface: #f8f9fa;--mat-sys-surface-container: #ffffff;--mat-sys-surface-container-low: #f0f0f5;--mat-sys-surface-container-high: #e8e8f0;--mat-sys-on-surface: #1a1a2e;--mat-sys-on-surface-variant: rgba(26, 26, 46, .6);--mat-sys-outline-variant: rgba(0, 0, 0, .08);--mat-app-background-color: #f8f9fa}html.dark-theme{--mat-sys-background: #151316;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #323033;--mat-sys-inverse-primary: #7d00fa;--mat-sys-inverse-surface: #e6e1e6;--mat-sys-on-background: #e6e1e6;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #42008a;--mat-sys-on-primary-container: #ecdcff;--mat-sys-on-primary-fixed: #270057;--mat-sys-on-primary-fixed-variant: #5f00c0;--mat-sys-on-secondary: #352d40;--mat-sys-on-secondary-container: #eadef7;--mat-sys-on-secondary-fixed: #1f182a;--mat-sys-on-secondary-fixed-variant: #4b4357;--mat-sys-on-surface: #e6e1e6;--mat-sys-on-surface-variant: #e8e0eb;--mat-sys-on-tertiary: #0001ac;--mat-sys-on-tertiary-container: #e0e0ff;--mat-sys-on-tertiary-fixed: #00006e;--mat-sys-on-tertiary-fixed-variant: #0000ef;--mat-sys-outline: #958e99;--mat-sys-outline-variant: #49454e;--mat-sys-primary: #d5baff;--mat-sys-primary-container: #5f00c0;--mat-sys-primary-fixed: #ecdcff;--mat-sys-primary-fixed-dim: #d5baff;--mat-sys-scrim: #000000;--mat-sys-secondary: #cec2db;--mat-sys-secondary-container: #4b4357;--mat-sys-secondary-fixed: #eadef7;--mat-sys-secondary-fixed-dim: #cec2db;--mat-sys-shadow: #000000;--mat-sys-surface: #151316;--mat-sys-surface-bright: #3b383c;--mat-sys-surface-container: #211f22;--mat-sys-surface-container-high: #2b292d;--mat-sys-surface-container-highest: #363437;--mat-sys-surface-container-low: #1d1b1e;--mat-sys-surface-container-lowest: #0f0d11;--mat-sys-surface-dim: #151316;--mat-sys-surface-tint: #d5baff;--mat-sys-surface-variant: #49454e;--mat-sys-tertiary: #bec2ff;--mat-sys-tertiary-container: #0000ef;--mat-sys-tertiary-fixed: #e0e0ff;--mat-sys-tertiary-fixed-dim: #bec2ff;--mat-sys-neutral-variant20: #332f37;--mat-sys-neutral10: #1d1b1e;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem DM Sans;--mat-sys-body-large-font: DM Sans;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem DM Sans;--mat-sys-body-medium-font: DM Sans;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem DM Sans;--mat-sys-body-small-font: DM Sans;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem DM Sans;--mat-sys-display-large-font: DM Sans;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem DM Sans;--mat-sys-display-medium-font: DM Sans;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem DM Sans;--mat-sys-display-small-font: DM Sans;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem DM Sans;--mat-sys-headline-large-font: DM Sans;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem DM Sans;--mat-sys-headline-medium-font: DM Sans;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem DM Sans;--mat-sys-headline-small-font: DM Sans;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem DM Sans;--mat-sys-label-large-font: DM Sans;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem DM Sans;--mat-sys-label-medium-font: DM Sans;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem DM Sans;--mat-sys-label-small-font: DM Sans;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem DM Sans;--mat-sys-title-large-font: DM Sans;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem DM Sans;--mat-sys-title-medium-font: DM Sans;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem DM Sans;--mat-sys-title-small-font: DM Sans;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12;color-scheme:dark;--mat-sys-surface: #1a1a2e;--mat-sys-surface-container: #1a1a2e;--mat-sys-surface-container-low: rgba(255, 255, 255, .02);--mat-sys-surface-container-high: rgba(255, 255, 255, .06);--mat-sys-primary: #7c3aed;--mat-sys-on-primary: #fff;--mat-sys-on-surface: #f1f0f5;--mat-sys-on-surface-variant: rgba(241, 240, 245, .55);--mat-sys-outline-variant: rgba(255, 255, 255, .08);--mat-app-background-color: #1a1a2e}html:not(.light-theme):not(.dark-theme){--mat-sys-background: #151316;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #323033;--mat-sys-inverse-primary: #7d00fa;--mat-sys-inverse-surface: #e6e1e6;--mat-sys-on-background: #e6e1e6;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #42008a;--mat-sys-on-primary-container: #ecdcff;--mat-sys-on-primary-fixed: #270057;--mat-sys-on-primary-fixed-variant: #5f00c0;--mat-sys-on-secondary: #352d40;--mat-sys-on-secondary-container: #eadef7;--mat-sys-on-secondary-fixed: #1f182a;--mat-sys-on-secondary-fixed-variant: #4b4357;--mat-sys-on-surface: #e6e1e6;--mat-sys-on-surface-variant: #e8e0eb;--mat-sys-on-tertiary: #0001ac;--mat-sys-on-tertiary-container: #e0e0ff;--mat-sys-on-tertiary-fixed: #00006e;--mat-sys-on-tertiary-fixed-variant: #0000ef;--mat-sys-outline: #958e99;--mat-sys-outline-variant: #49454e;--mat-sys-primary: #d5baff;--mat-sys-primary-container: #5f00c0;--mat-sys-primary-fixed: #ecdcff;--mat-sys-primary-fixed-dim: #d5baff;--mat-sys-scrim: #000000;--mat-sys-secondary: #cec2db;--mat-sys-secondary-container: #4b4357;--mat-sys-secondary-fixed: #eadef7;--mat-sys-secondary-fixed-dim: #cec2db;--mat-sys-shadow: #000000;--mat-sys-surface: #151316;--mat-sys-surface-bright: #3b383c;--mat-sys-surface-container: #211f22;--mat-sys-surface-container-high: #2b292d;--mat-sys-surface-container-highest: #363437;--mat-sys-surface-container-low: #1d1b1e;--mat-sys-surface-container-lowest: #0f0d11;--mat-sys-surface-dim: #151316;--mat-sys-surface-tint: #d5baff;--mat-sys-surface-variant: #49454e;--mat-sys-tertiary: #bec2ff;--mat-sys-tertiary-container: #0000ef;--mat-sys-tertiary-fixed: #e0e0ff;--mat-sys-tertiary-fixed-dim: #bec2ff;--mat-sys-neutral-variant20: #332f37;--mat-sys-neutral10: #1d1b1e;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem DM Sans;--mat-sys-body-large-font: DM Sans;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem DM Sans;--mat-sys-body-medium-font: DM Sans;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem DM Sans;--mat-sys-body-small-font: DM Sans;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem DM Sans;--mat-sys-display-large-font: DM Sans;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem DM Sans;--mat-sys-display-medium-font: DM Sans;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem DM Sans;--mat-sys-display-small-font: DM Sans;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem DM Sans;--mat-sys-headline-large-font: DM Sans;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem DM Sans;--mat-sys-headline-medium-font: DM Sans;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem DM Sans;--mat-sys-headline-small-font: DM Sans;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem DM Sans;--mat-sys-label-large-font: DM Sans;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem DM Sans;--mat-sys-label-medium-font: DM Sans;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem DM Sans;--mat-sys-label-small-font: DM Sans;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem DM Sans;--mat-sys-title-large-font: DM Sans;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem DM Sans;--mat-sys-title-medium-font: DM Sans;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem DM Sans;--mat-sys-title-small-font: DM Sans;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12;color-scheme:dark;--mat-sys-surface: #1a1a2e;--mat-sys-surface-container: #1a1a2e;--mat-sys-surface-container-low: rgba(255, 255, 255, .02);--mat-sys-surface-container-high: rgba(255, 255, 255, .06);--mat-sys-primary: #7c3aed;--mat-sys-on-primary: #fff;--mat-sys-on-surface: #f1f0f5;--mat-sys-on-surface-variant: rgba(241, 240, 245, .55);--mat-sys-outline-variant: rgba(255, 255, 255, .08);--mat-app-background-color: #1a1a2e}html,body{height:100%;min-height:100vh;min-height:100dvh;margin:0}body{background-color:var(--mat-sys-surface);color:var(--mat-sys-on-surface);font:var(--mat-sys-body-medium);overflow-x:hidden}a{color:var(--mat-sys-primary);text-decoration:none}a:hover{text-decoration:underline}.mat-mdc-card{--mdc-elevated-card-container-color: var(--mat-sys-surface-container)}@media(max-width:768px){.hide-on-mobile{display:none!important}}@media(min-width:769px){.hide-on-desktop{display:none!important}}@media(max-width:768px){.hide-on-tablet-down{display:none!important}}@media(min-width:769px){.show-on-mobile-only{display:none!important}}@media(max-width:768px){.text-center-mobile{text-align:center!important}}.responsive-padding{padding:2rem}@media(max-width:768px){.responsive-padding{padding:1rem}}@media(max-width:600px){.responsive-padding{padding:.75rem}}.responsive-container{width:100%;max-width:1400px;margin:0 auto;padding:0 1rem}@media(max-width:600px){.responsive-container{padding:0 .5rem}}.responsive-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.responsive-table-wrapper table{min-width:600px}@media(max-width:768px){.mobile-card-table{display:block}.mobile-card-table thead{display:none}.mobile-card-table tbody{display:flex;flex-direction:column;gap:.75rem}.mobile-card-table tr{display:flex;flex-direction:column;background:var(--mat-sys-surface-container);border-radius:8px;padding:1rem;gap:.5rem}.mobile-card-table td{display:flex;justify-content:space-between;padding:.25rem 0;border:none}.mobile-card-table td:before{content:attr(data-label);font-weight:500;color:var(--mat-sys-on-surface-variant)}}.responsive-grid{display:grid;gap:1rem}.responsive-grid.cols-2{grid-template-columns:repeat(2,1fr)}@media(max-width:768px){.responsive-grid.cols-2{grid-template-columns:1fr}}.responsive-grid.cols-3{grid-template-columns:repeat(3,1fr)}@media(max-width:1024px){.responsive-grid.cols-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.responsive-grid.cols-3{grid-template-columns:1fr}}.responsive-grid.cols-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.responsive-grid.cols-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.responsive-grid.cols-4{grid-template-columns:1fr}}.auto-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}@media(max-width:600px){.auto-grid{grid-template-columns:1fr}}.flex-wrap-mobile{display:flex;gap:1rem}@media(max-width:768px){.flex-wrap-mobile{flex-wrap:wrap}}.flex-column-mobile{display:flex;gap:1rem}@media(max-width:768px){.flex-column-mobile{flex-direction:column}}.flex-between{display:flex;justify-content:space-between;align-items:center}@media(max-width:600px){.flex-between{flex-direction:column;gap:1rem;align-items:stretch}}@media(max-width:600px){.cdk-overlay-pane{max-width:calc(100vw - 32px)!important;width:calc(100vw - 32px)!important}}@media(max-width:600px){.mat-mdc-dialog-container{max-height:90vh!important}}.responsive-form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(max-width:600px){.responsive-form-row{grid-template-columns:1fr}}.responsive-form-field{width:100%}@media(min-width:769px){.responsive-form-field{min-width:200px}}@media(max-width:768px){.filters mat-form-field,.form-row mat-form-field{width:100%!important;min-width:unset!important}}@media(max-width:768px){.mat-mdc-button,.mat-mdc-icon-button,.mat-mdc-fab,.mat-mdc-mini-fab{min-height:44px;min-width:44px}.mat-mdc-list-item{min-height:48px}}h1{font-size:2rem}@media(max-width:768px){h1{font-size:1.5rem}}@media(max-width:600px){h1{font-size:1.25rem}}h2{font-size:1.5rem}@media(max-width:768px){h2{font-size:1.25rem}}h3{font-size:1.25rem}@media(max-width:768px){h3{font-size:1.125rem}}@supports (padding: env(safe-area-inset-bottom)){.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-all{padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}}:root{--keyboard-height: 0px}body.keyboard-visible .bottom-nav,body.keyboard-visible .fab-container,body.keyboard-visible .fixed-bottom{transform:translateY(calc(-1 * var(--keyboard-height)));transition:transform .2s ease-out}html.mobile-browser{height:100%;overflow:hidden}html.mobile-browser body{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}html.mobile-browser body.keyboard-visible{min-height:100vh;min-height:100dvh}html.capacitor-native{-webkit-user-select:none;user-select:none}html.capacitor-native input,html.capacitor-native textarea,html.capacitor-native [contenteditable]{-webkit-user-select:text;user-select:text}html.capacitor-ios{overscroll-behavior:none}html.capacitor-ios body{overscroll-behavior:none;-webkit-overflow-scrolling:touch}html.capacitor-native{touch-action:manipulation}html.capacitor-native *{-webkit-tap-highlight-color:transparent}.amount-income,.income-amount{color:#2e7d32}.amount-expense,.expense-amount{color:#c62828}.amount-transfer,.transfer-amount{color:#1565c0}.positive{color:#2e7d32}.negative{color:#c62828}.currency-display,.amount-cell,.balance-cell{font-family:Roboto Mono,monospace;font-weight:600;font-variant-numeric:tabular-nums}.mat-mdc-table tbody tr{transition:background-color .15s ease}.mat-mdc-table tbody tr:hover{background-color:var(--mat-sys-surface-container-low)}.skeleton,.skeleton-card,.skeleton-avatar,.skeleton-title,.skeleton-text{background:linear-gradient(90deg,var(--mat-sys-surface-container) 25%,var(--mat-sys-surface-container-high) 50%,var(--mat-sys-surface-container) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite linear;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:16px;width:100%}.skeleton-title{height:24px;width:60%}.skeleton-avatar{width:40px;height:40px;border-radius:50%}.skeleton-card{height:100px;width:100%;border-radius:12px}html.theme-transitioning,html.theme-transitioning *{transition:background-color .3s ease-out,color .3s ease-out,border-color .3s ease-out,box-shadow .3s ease-out!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}.animate-in{animation:fadeInUp .3s ease-out forwards}.animate-fade{animation:fadeIn .2s ease forwards}.animate-stagger>*{opacity:0;animation:fadeInUp .3s ease-out forwards}.animate-stagger>*:nth-child(1){animation-delay:50ms}.animate-stagger>*:nth-child(2){animation-delay:.1s}.animate-stagger>*:nth-child(3){animation-delay:.15s}.animate-stagger>*:nth-child(4){animation-delay:.2s}.animate-stagger>*:nth-child(5){animation-delay:.25s}.animate-stagger>*:nth-child(6){animation-delay:.3s}.animate-stagger>*:nth-child(7){animation-delay:.35s}.animate-stagger>*:nth-child(8){animation-delay:.4s}.animate-stagger>*:nth-child(9){animation-delay:.45s}.animate-stagger>*:nth-child(10){animation-delay:.5s}.animate-stagger>*:nth-child(11){animation-delay:.55s}.animate-stagger>*:nth-child(12){animation-delay:.6s}.animate-stagger>*:nth-child(13){animation-delay:.65s}.animate-stagger>*:nth-child(14){animation-delay:.7s}.animate-stagger>*:nth-child(15){animation-delay:.75s}.animate-stagger>*:nth-child(16){animation-delay:.8s}.animate-stagger>*:nth-child(17){animation-delay:.85s}.animate-stagger>*:nth-child(18){animation-delay:.9s}.animate-stagger>*:nth-child(19){animation-delay:.95s}.animate-stagger>*:nth-child(20){animation-delay:1s}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px 24px;color:var(--mat-sys-on-surface-variant);animation:fadeIn .3s ease}.empty-state mat-icon,.empty-state .empty-icon{font-size:72px;width:72px;height:72px;margin-bottom:24px;opacity:.5;color:var(--mat-sys-primary)}.empty-state h3{font-size:1.25rem;font-weight:500;margin:0 0 8px;color:var(--mat-sys-on-surface)}.empty-state p{margin:0 0 24px;max-width:400px;line-height:1.6}.empty-state .empty-tip{display:flex;align-items:center;gap:8px;font-size:.875rem;padding:12px 16px;background:var(--mat-sys-surface-container);border-radius:8px;margin-top:24px}.empty-state .empty-tip mat-icon{font-size:18px;width:18px;height:18px;margin-bottom:0;opacity:1}@media(max-width:600px){.empty-state{padding:32px 16px}.empty-state mat-icon,.empty-state .empty-icon{font-size:56px;width:56px;height:56px}}.mat-mdc-card{border-radius:12px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.mat-mdc-card.interactive-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026;border-color:var(--mat-sys-primary)}.status-pending{--mat-chip-label-text-color: #ffa726}.status-cleared{--mat-chip-label-text-color: #66bb6a}.status-reconciled{--mat-chip-label-text-color: #42a5f5}.status-void{--mat-chip-label-text-color: #ef5350}*:focus-visible{outline:2px solid var(--mat-sys-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}body{min-height:100vh;min-height:100dvh;background:var(--mat-app-background-color)}app-root{display:block;min-height:100vh;min-height:100dvh}html.capacitor-native mat-toolbar,html.capacitor-android mat-toolbar,html.capacitor-ios mat-toolbar{padding-top:env(safe-area-inset-top,0px);min-height:calc(64px + env(safe-area-inset-top,0px))}html.capacitor-native main,html.capacitor-native .main-content,html.capacitor-android main,html.capacitor-android .main-content,html.capacitor-ios main,html.capacitor-ios .main-content{padding-bottom:calc(72px + env(safe-area-inset-bottom,24px))}html.capacitor-native .mobile-bottom-nav,html.capacitor-android .mobile-bottom-nav,html.capacitor-ios .mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(56px + env(safe-area-inset-bottom,24px));padding-bottom:env(safe-area-inset-bottom,24px);background:var(--mat-sys-surface-container);border-top:1px solid var(--mat-sys-outline-variant);display:flex;justify-content:space-around;align-items:flex-start;z-index:100}html.capacitor-native .mobile-bottom-nav .nav-item,html.capacitor-android .mobile-bottom-nav .nav-item,html.capacitor-ios .mobile-bottom-nav .nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 12px;min-width:64px;color:var(--mat-sys-on-surface-variant);text-decoration:none;transition:color .2s}html.capacitor-native .mobile-bottom-nav .nav-item mat-icon,html.capacitor-android .mobile-bottom-nav .nav-item mat-icon,html.capacitor-ios .mobile-bottom-nav .nav-item mat-icon{font-size:24px;width:24px;height:24px}html.capacitor-native .mobile-bottom-nav .nav-item span,html.capacitor-android .mobile-bottom-nav .nav-item span,html.capacitor-ios .mobile-bottom-nav .nav-item span{font-size:11px;margin-top:4px;font-weight:500}html.capacitor-native .mobile-bottom-nav .nav-item.active,html.capacitor-android .mobile-bottom-nav .nav-item.active,html.capacitor-ios .mobile-bottom-nav .nav-item.active{color:var(--mat-sys-primary)}html.capacitor-native .mobile-bottom-nav .nav-item:active,html.capacitor-android .mobile-bottom-nav .nav-item:active,html.capacitor-ios .mobile-bottom-nav .nav-item:active{opacity:.7}html.capacitor-native .chat-fab,html.capacitor-native app-chat-widget,html.capacitor-android .chat-fab,html.capacitor-android app-chat-widget,html.capacitor-ios .chat-fab,html.capacitor-ios app-chat-widget{bottom:calc(72px + env(safe-area-inset-bottom,24px))}html.capacitor-native mat-sidenav,html.capacitor-android mat-sidenav,html.capacitor-ios mat-sidenav{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,24px)}html.capacitor-native app-chat-widget .chat-panel,html.capacitor-android app-chat-widget .chat-panel,html.capacitor-ios app-chat-widget .chat-panel{max-height:calc(100vh - 140px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,24px));max-height:calc(100dvh - 140px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,24px))}