html{color-scheme:light;--mat-sys-primary: light-dark(#b7184d, #ffb2be);--mat-sys-on-primary: light-dark(#ffffff, #660025);--mat-sys-primary-container: light-dark(#ffd9de, #900038);--mat-sys-on-primary-container: light-dark(#400014, #ffd9de);--mat-sys-inverse-primary: light-dark(#ffb2be, #b7184d);--mat-sys-primary-fixed: light-dark(#ffd9de, #ffd9de);--mat-sys-primary-fixed-dim: light-dark(#ffb2be, #ffb2be);--mat-sys-on-primary-fixed: light-dark(#400014, #400014);--mat-sys-on-primary-fixed-variant: light-dark(#900038, #900038);--mat-sys-secondary: light-dark(#9a4154, #ffb2be);--mat-sys-on-secondary: light-dark(#ffffff, #5e1228);--mat-sys-secondary-container: light-dark(#ffd9de, #7c2a3d);--mat-sys-on-secondary-container: light-dark(#400014, #ffd9de);--mat-sys-secondary-fixed: light-dark(#ffd9de, #ffd9de);--mat-sys-secondary-fixed-dim: light-dark(#ffb2be, #ffb2be);--mat-sys-on-secondary-fixed: light-dark(#400014, #400014);--mat-sys-on-secondary-fixed-variant: light-dark(#7c2a3d, #7c2a3d);--mat-sys-tertiary: light-dark(#a23e0e, #ffb599);--mat-sys-on-tertiary: light-dark(#ffffff, #5a1c00);--mat-sys-tertiary-container: light-dark(#ffdbce, #7f2b00);--mat-sys-on-tertiary-container: light-dark(#370e00, #ffdbce);--mat-sys-tertiary-fixed: light-dark(#ffdbce, #ffdbce);--mat-sys-tertiary-fixed-dim: light-dark(#ffb599, #ffb599);--mat-sys-on-tertiary-fixed: light-dark(#370e00, #370e00);--mat-sys-on-tertiary-fixed-variant: light-dark(#7f2b00, #7f2b00);--mat-sys-background: light-dark(#fff8f7, #1d1012);--mat-sys-on-background: light-dark(#26181a, #f7dcdf);--mat-sys-surface: light-dark(#fff8f7, #1d1012);--mat-sys-surface-dim: light-dark(#eed4d6, #1d1012);--mat-sys-surface-bright: light-dark(#fff8f7, #463537);--mat-sys-surface-container-lowest: light-dark(#ffffff, #170b0d);--mat-sys-surface-container: light-dark(#ffe9ea, #2a1c1e);--mat-sys-surface-container-high: light-dark(#fde2e4, #362628);--mat-sys-surface-container-highest: light-dark(#f7dcdf, #413033);--mat-sys-on-surface: light-dark(#26181a, #f7dcdf);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-surface-tint: light-dark(#b7184d, #ffb2be);--mat-sys-inverse-surface: light-dark(#3c2c2e, #f7dcdf);--mat-sys-inverse-on-surface: light-dark(#ffecee, #3c2c2e);--mat-sys-outline: light-dark(#8d7074, #a8898d);--mat-sys-outline-variant: light-dark(#e1bec2, #594044);--mat-sys-neutral10: light-dark( #26181a, #26181a );--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-on-error-container: light-dark(#410002, #ffdad6);--mat-sys-surface-variant: light-dark(#fedade, #594044);--mat-sys-on-surface-variant: light-dark(#594044, #e1bec2);--mat-sys-neutral-variant20: light-dark( #412a2e, #412a2e );--mat-sys-brand-font-family: Roboto;--mat-sys-plain-font-family: Roboto;--mat-sys-bold-font-weight: 700;--mat-sys-medium-font-weight: 500;--mat-sys-regular-font-weight: 400;--mat-sys-body-large: var(--mat-sys-body-large-weight) var(--mat-sys-body-large-size) / var(--mat-sys-body-large-line-height) var(--mat-sys-body-large-font);--mat-sys-body-large-font: var(--mat-sys-plain-font-family);--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: var(--mat-sys-regular-font-weight);--mat-sys-body-medium: var(--mat-sys-body-medium-weight) var(--mat-sys-body-medium-size) / var(--mat-sys-body-medium-line-height) var(--mat-sys-body-medium-font);--mat-sys-body-medium-font: var(--mat-sys-plain-font-family);--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: var(--mat-sys-regular-font-weight);--mat-sys-body-small: var(--mat-sys-body-small-weight) var(--mat-sys-body-small-size) / var(--mat-sys-body-small-line-height) var(--mat-sys-body-small-font);--mat-sys-body-small-font: var(--mat-sys-plain-font-family);--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: var(--mat-sys-regular-font-weight);--mat-sys-display-large: var(--mat-sys-display-large-weight) var(--mat-sys-display-large-size) / var(--mat-sys-display-large-line-height) var(--mat-sys-display-large-font);--mat-sys-display-large-font: var(--mat-sys-brand-font-family);--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: var(--mat-sys-regular-font-weight);--mat-sys-display-medium: var(--mat-sys-display-medium-weight) var(--mat-sys-display-medium-size) / var(--mat-sys-display-medium-line-height) var(--mat-sys-display-medium-font);--mat-sys-display-medium-font: var(--mat-sys-brand-font-family);--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: var(--mat-sys-regular-font-weight);--mat-sys-display-small: var(--mat-sys-display-small-weight) var(--mat-sys-display-small-size) / var(--mat-sys-display-small-line-height) var(--mat-sys-display-small-font);--mat-sys-display-small-font: var(--mat-sys-brand-font-family);--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: var(--mat-sys-regular-font-weight);--mat-sys-headline-large: var(--mat-sys-headline-large-weight) var(--mat-sys-headline-large-size) / var(--mat-sys-headline-large-line-height) var(--mat-sys-headline-large-font);--mat-sys-headline-large-font: var(--mat-sys-brand-font-family);--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: var(--mat-sys-regular-font-weight);--mat-sys-headline-medium: var(--mat-sys-headline-medium-weight) var(--mat-sys-headline-medium-size) / var(--mat-sys-headline-medium-line-height) var(--mat-sys-headline-medium-font);--mat-sys-headline-medium-font: var(--mat-sys-brand-font-family);--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: var(--mat-sys-regular-font-weight);--mat-sys-headline-small: var(--mat-sys-headline-small-weight) var(--mat-sys-headline-small-size) / var(--mat-sys-headline-small-line-height) var(--mat-sys-headline-small-font);--mat-sys-headline-small-font: var(--mat-sys-brand-font-family);--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: var(--mat-sys-regular-font-weight);--mat-sys-label-large: var(--mat-sys-label-large-weight) var(--mat-sys-label-large-size) / var(--mat-sys-label-large-line-height) var(--mat-sys-label-large-font);--mat-sys-label-large-font: var(--mat-sys-plain-font-family);--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: var(--mat-sys-medium-font-weight);--mat-sys-label-large-weight-prominent: var(--mat-sys-bold-font-weight);--mat-sys-label-medium: var(--mat-sys-label-medium-weight) var(--mat-sys-label-medium-size) / var(--mat-sys-label-medium-line-height) var(--mat-sys-label-medium-font);--mat-sys-label-medium-font: var(--mat-sys-plain-font-family);--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: var(--mat-sys-medium-font-weight);--mat-sys-label-medium-weight-prominent: var(--mat-sys-bold-font-weight);--mat-sys-label-small: var(--mat-sys-label-small-weight) var(--mat-sys-label-small-size) / var(--mat-sys-label-small-line-height) var(--mat-sys-label-small-font);--mat-sys-label-small-font: var(--mat-sys-plain-font-family);--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: var(--mat-sys-medium-font-weight);--mat-sys-title-large: var(--mat-sys-title-large-weight) var(--mat-sys-title-large-size) / var(--mat-sys-title-large-line-height) var(--mat-sys-title-large-font);--mat-sys-title-large-font: var(--mat-sys-brand-font-family);--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: var(--mat-sys-regular-font-weight);--mat-sys-title-medium: var(--mat-sys-title-medium-weight) var(--mat-sys-title-medium-size) / var(--mat-sys-title-medium-line-height) var(--mat-sys-title-medium-font);--mat-sys-title-medium-font: var(--mat-sys-plain-font-family);--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: var(--mat-sys-medium-font-weight);--mat-sys-title-small: var(--mat-sys-title-small-weight) var(--mat-sys-title-small-size) / var(--mat-sys-title-small-line-height) var(--mat-sys-title-small-font);--mat-sys-title-small-font: var(--mat-sys-plain-font-family);--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: var(--mat-sys-medium-font-weight);--mat-sys-umbra-color: color-mix(in srgb, var(--mat-sys-shadow), transparent 80%);--mat-sys-penumbra-color: color-mix(in srgb, var(--mat-sys-shadow), transparent 86%);--mat-sys-ambient-color: color-mix(in srgb, var(--mat-sys-shadow), transparent 88%);--mat-sys-level0: 0px 0px 0px 0px var(--mat-sys-umbra-color), 0px 0px 0px 0px var(--mat-sys-penumbra-color), 0px 0px 0px 0px var(--mat-sys-ambient-color);--mat-sys-level1: 0px 2px 1px -1px var(--mat-sys-umbra-color), 0px 1px 1px 0px var(--mat-sys-penumbra-color), 0px 1px 3px 0px var(--mat-sys-ambient-color);--mat-sys-level2: 0px 3px 3px -2px var(--mat-sys-umbra-color), 0px 3px 4px 0px var(--mat-sys-penumbra-color), 0px 1px 8px 0px var(--mat-sys-ambient-color);--mat-sys-level3: 0px 3px 5px -1px var(--mat-sys-umbra-color), 0px 6px 10px 0px var(--mat-sys-penumbra-color), 0px 1px 18px 0px var(--mat-sys-ambient-color);--mat-sys-level4: 0px 5px 5px -3px var(--mat-sys-umbra-color), 0px 8px 10px 1px var(--mat-sys-penumbra-color), 0px 3px 14px 2px var(--mat-sys-ambient-color);--mat-sys-level5: 0px 7px 8px -4px var(--mat-sys-umbra-color), 0px 12px 17px 2px var(--mat-sys-penumbra-color), 0px 5px 22px 4px var(--mat-sys-ambient-color);--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: 9px;--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}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(/public/fonts/material-icons.woff2) format("woff2")}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;src:url(/public/fonts/material-icons-outlined.woff2) format("woff2")}.mat-icon{width:1.5rem!important;height:1.5rem!important}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:1.5rem;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.material-icons-outlined{font-family:Material Icons Outlined;font-weight:400;font-style:normal;font-size:1.5rem;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}@font-face{font-family:Open Sans;font-style:normal;font-weight:300;font-display:swap;src:url(/public/fonts/OpenSans-Light.woff2) format("woff2")}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/public/fonts/OpenSans-Medium.woff2) format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(/public/fonts/Roboto-Light.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(/public/fonts/Roboto-Regular.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(/public/fonts/Roboto-Medium.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(/public/fonts/Roboto-Light.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(/public/fonts/Roboto-Regular.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(/public/fonts/Roboto-Medium.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body{--shape-rounding: .3rem;--menu-container-width: 70%;--bills-min-height: 60px;--mat-toolbar-standard-height: 3.08rem;--max-tab-width: 10rem;--mat-tab-header-label-text-size: 1.1rem;--mdc-text-button-container-shape: var(--shape-rounding);--mdc-protected-button-container-shape: var(--shape-rounding);--mdc-protected-button-container-elevation-shadow: var(--mat-sys-level2);--mdc-dialog-container-shape: var(--shape-rounding);--mat-sidenav-container-shape: 0rem;--mat-sidenav-container-elevation-shadow: var(--mat-sys-level3);--mat-sys-label-large-size: 1rem;--mdc-list-list-item-leading-icon-size: 1.5rem;--mdc-list-list-item-one-line-container-height: 3rem;--mdc-text-button-container-height: 3rem;--mdc-icon-button-state-layer-size: 3rem}.flex-row{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem}.flex-column{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}html{color-scheme:light;--app-hover: light-dark(#00000013, #ffffff13);--app-neutral-100: #000000;--app-neutral-90: #151515;--app-neutral-80: #292929;--app-neutral-70: #393939;--app-neutral-60: #4d4d4d;--app-neutral-50: #aaaaaa;--app-neutral-40: #bbbbbb;--app-neutral-30: #cccccc;--app-neutral-20: #fafafa;--app-neutral-10: #ffffff;--app-primary: var(--mat-sys-on-primary-fixed-variant);--app-on-primary: var(--mat-sys-on-primary-container);--app-scrollbar-thumb-background: light-dark( var(--mat-sys-on-secondary-fixed-dim), var(--mat-sys-on-primary-fixed-variant) );--app-background-variant: rgba(var((--app-primary)), .1);--app-on-primary-light: rgba(var((--app-primary)), .5);--app-primary: light-dark(#c0004d, #a50041);--app-on-primary: #ededfd;--app-on-surface-light: var(--app-neutral-20);--app-surface-high: light-dark(var(--app-on-primary-light), var(--app-neutral-60));--app-surface-highest: light-dark(var(--app-background), var(--app-neutral-60));--app-on-surface-dark: light-dark(var(--app-neutral-40), var(--app-neutral-50));--app-item-button-color: var(--app-neutral-80);--app-item-button-border-color: var(--mat-sys-outline);--app-item-button-background: light-dark(var(--mat-sys-inverse-on-surface), #fff8f7);--mat-divider-color: var(--app-neutral-60);--mat-sys-surface: var(--mat-sys-surface-container);--mat-sys-on-surface: light-dark(var(--mat-sys-inverse-surface), var(--app-neutral-20));--mat-sys-surface-container: var(--mat-sys-surface-container-high);--mat-sys-on-surface-variant: light-dark(#50393d, var(--app-on-primary));--mdc-protected-button-label-text-color: light-dark( var(--mat-sys-primary), var(--app-neutral-30) );--mdc-text-button-label-text-color: light-dark(var(--mat-sys-primary), var(--app-neutral-20));--app-scrollbar-thumb-background: var(--app-primary);--mat-menu-container-color: var(--app-surface-high);--mdc-tab-indicator-active-indicator-height: 3px}html mat-toolbar{--mat-toolbar-container-background-color: var(--app-primary);--mat-sys-on-surface: var(--app-neutral-20);--mat-tab-header-inactive-label-text-color: var(--app-on-surface-dark);--mdc-icon-button-icon-color: var(--app-on-primary);--mdc-tab-indicator-active-indicator-color: var(--app-on-primary);--mat-tab-header-active-hover-indicator-color: var(--app-on-primary);--mat-tab-header-active-focus-indicator-color: var(--app-on-primary)}.dark{color-scheme:dark;--mat-sys-background: var(--app-neutral-80);--mat-sys-on-background: var(--app-neutral-30);--mat-sys-surface: var(--app-neutral-70);--mat-menu-container-color: var(--app-neutral-70);--mat-tab-header-inactive-label-text-color: var(--app-on-surface-light);--mdc-tab-indicator-active-indicator-height: 2px}::-webkit-scrollbar{height:2px;width:6px}::-webkit-scrollbar-thumb{border-radius:2px;box-shadow:0 1px 2px #000000bf;-webkit-border-radius:1ex;-webkit-box-shadow:0px 1px 2px rgba(0,0,0,.75)}::-webkit-scrollbar-thumb{background:var(--app-scrollbar-thumb-background)}::-webkit-scrollbar,::-webkit-scrollbar-corner{background:var(--app-primary-background, --mat-sys-background)}html,body{padding:0;height:100%;box-sizing:border-box;margin:0;font-size:1rem;overflow:hidden;font-family:Roboto,Helvetica Neue,sans-serif;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}*,*:before,*:after{box-sizing:inherit}button.mat-mdc-menu-item{min-height:3rem}@media only screen and (min-width: 2100px){html{font-size:20px}}@media only screen and (max-width: 2100px){html{font-size:20px}}@media only screen and (max-width: 1600px){html{font-size:18px}}@media only screen and (max-width: 1440px){html{font-size:16px}}@media only screen and (max-width: 1200px){html{font-size:14px}}@media only screen and (max-width: 992px){html{font-size:12px}}@media only screen and (max-width: 768px){html{font-size:10px}}@media only screen and (max-width: 575px){html{font-size:8px}}@media only screen and (max-width: 400px){html{font-size:6px}}