@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);html{height:100vh;overflow:hidden}body,html{overscroll-behavior-y:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--page-padding-x:30px;--page-padding-y:30px;--header-height:max(60px,8vh);--footer-height:max(100px,9vh);--card-min-height:20vh;--card-radius:10px;--button-radius:7.5px;--accent-color:#8343ad;--fg-accent-color:#fafafa;--border-color:rgba(50,50,50,.5);--card-bg:radial-gradient(circle at 25% 75%,rgba(25,25,25,.75),rgba(25,25,25,.15));--card-bg-accent:radial-gradient(circle at 25% 75%,rgba(25,25,25,.25),rgba(25,25,25,0));--card-border-color:rgba(50,50,50,.5);--card-border-color-accent:rgba(78,0,129,.5);--button-font-size:max(14px,0.85em);--button-bg:radial-gradient(circle at 25% 100%,#191919,rgba(25,25,25,.25));--button-bg-alt:#fafafa;--button-bg-overlay:transparent;--button-bg-accent-overlay:transparent;--button-bg-hover:radial-gradient(circle at 25% 75%,#191919,rgba(25,25,25,.75));--button-bg-hover-alt:hsla(0,0%,98%,.75);--button-bg-hover-accent-overlay:radial-gradient(circle at 25% 75%,#191919,rgba(25,25,25,.75));--button-border-color:rgba(50,50,50,.25);--button-border-color-alt:hsla(0,0%,100%,.25);--button-border-color-overlay:rgba(50,50,50,.2);--button-border-color-accent-overlay:hsla(0,0%,98%,.2);--input-font-size:max(14px,0.85em);--input-height:50px;--input-radius:10px;--input-padding-x:20px;--input-padding-y:0px;--input-padding:var(--input-padding-y) var(--input-padding-x);--input-bg:radial-gradient(circle at 25% 100%,rgba(25,25,25,.5),rgba(25,25,25,.1));--input-border-color:rgba(50,50,50,.75);--list-border-color:rgba(50,50,50,.5)}select{-webkit-appearance:none;appearance:none;background:radial-gradient(circle at 25% 100%,rgba(25,25,25,.5),rgba(25,25,25,.1));background:var(--input-bg);border:2px solid rgba(50,50,50,.75);border:2px solid var(--input-border-color);border-radius:10px;border-radius:var(--input-radius);box-sizing:border-box;color:currentColor;font-family:inherit;font-size:max(14px,.85em);font-size:var(--input-font-size);font-weight:600;height:50px;height:var(--input-height);outline:none;padding:0 20px;padding:var(--input-padding);width:100%}select option{color:#000}input[type=date]{background:radial-gradient(circle at 25% 100%,rgba(25,25,25,.5),rgba(25,25,25,.1));background:var(--input-bg);border:2px solid rgba(50,50,50,.75);border:2px solid var(--input-border-color);border-radius:10px;border-radius:var(--input-radius);box-sizing:border-box;color:currentColor;font-family:inherit;font-size:max(14px,.85em);font-size:var(--input-font-size);font-weight:600;height:50px;height:var(--input-height);outline:none;padding:0 20px;padding:var(--input-padding);width:100%}::-webkit-calendar-picker-indicator{-webkit-filter:invert(1);filter:invert(1)}input[type=email],input[type=number],input[type=password],input[type=text]{-webkit-appearance:none;appearance:none;background:radial-gradient(circle at 25% 100%,rgba(25,25,25,.5),rgba(25,25,25,.1));background:var(--input-bg);border:2px solid rgba(50,50,50,.75);border:2px solid var(--input-border-color);border-radius:10px;border-radius:var(--input-radius);box-sizing:border-box;color:currentColor;font-family:inherit;font-size:max(14px,.85em);font-size:var(--input-font-size);font-weight:600;height:50px;height:var(--input-height);outline:none;padding:0 20px;padding:var(--input-padding);width:100%}.inputIconed{position:relative}.inputIconed.collapsed{height:0;overflow:hidden}.inputIconed>.icon{align-items:center;border-radius:0 8px 8px 0;border-radius:0 calc(var(--input-radius) - 2px) calc(var(--input-radius) - 2px) 0;bottom:2px;display:flex;height:46px;height:calc(var(--input-height) - 4px);justify-content:center;opacity:.75;position:absolute;right:2px;top:2px;width:50px;width:var(--input-height)}.inputIconed.disabled>.icon{opacity:0}.inputIconed>input[type=text],input[type=number]{padding-right:50px;padding-right:calc(var(--input-height))}.inputIconed.disabled>input[type=text],input[type=number]{background:none;border:none;font-size:1em;pointer-events:none}h1,h2,h3,h4,h5,h6{align-items:center;display:flex;gap:15px}button,h1,h2,h3,h4,h5,h6{-webkit-user-select:none;user-select:none}button{background:radial-gradient(circle at 25% 100%,#191919,rgba(25,25,25,.25));background:var(--button-bg);border:1px solid rgba(50,50,50,.25);border:1px solid var(--button-border-color);border-radius:7.5px;border-radius:var(--button-radius);color:inherit;font-family:inherit;font-size:max(14px,.85em);font-size:var(--button-font-size);font-weight:600;height:45px;outline:none;padding:10px 20px;transition:all .2s linear}button>svg{min-height:16px;min-width:16px}button.alt2{border-color:hsla(0,0%,100%,.25);border-color:var(--button-border-color-alt)}button.alt,button.alt2{background:#fafafa;background:var(--button-bg-alt);color:#010101}button.alt{border-color:hsla(0,0%,100%,.25);border-color:var(--button-border-color-alt);border-radius:22.5px;box-sizing:border-box;height:45px}button.overlay{background:transparent;background:var(--button-bg-overlay);border:1px solid rgba(50,50,50,.2);border:1px solid var(--button-border-color-overlay)}button.title{-webkit-animation:fadeIn .2s linear 1 forwards;animation:fadeIn .2s linear 1 forwards;background:transparent;border:none}button.icon{align-items:center;display:flex;height:40px;justify-content:center;padding:10px;width:40px}button.icon>svg{height:20px;pointer-events:none;width:20px}button.icon.refreshing>svg{-webkit-animation:refreshIcon 1s forwards;animation:refreshIcon 1s forwards;-webkit-animation-iteration-count:3;animation-iteration-count:3}button.overlay.accent{background:transparent;background:var(--button-bg-accent-overlay);border:1px solid hsla(0,0%,98%,.2);border:1px solid var(--button-border-color-accent-overlay)}button:active{background:radial-gradient(circle at 25% 75%,#191919,rgba(25,25,25,.75));background:var(--button-bg-hover)}button.alt2:active,button.alt:active{background:hsla(0,0%,98%,.75);background:var(--button-bg-hover-alt)}div.title{justify-content:stretch;min-height:40px}div.title,div.title>h3{align-items:center;display:flex;flex-direction:row}div.title>h3{justify-content:space-between;width:100%}span.title{font-size:1.75em;font-weight:700}span.subtitle{opacity:.75}span.sectionHeading{font-size:1.5em;font-weight:700;margin:10px 0}@-webkit-keyframes fadeIn{0%{opacity:0}25%{opacity:.2}50%{opacity:.5}75%{opacity:.7}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}25%{opacity:.2}50%{opacity:.5}75%{opacity:.7}to{opacity:1}}.App{align-items:stretch;background:#000;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;max-height:100vh;max-width:100vw;min-width:100vw;overflow:hidden;overscroll-behavior-y:none;position:relative;text-align:center;width:100vw}.footerIndicatorGradient{aspect-ratio:1;background:radial-gradient(circle at center,hsla(0,0%,100%,.125) 0,hsla(0,0%,100%,0) 50%);bottom:0;position:absolute;-webkit-transform:translateY(calc(50% - max(60px, 8vh)/2 + 30px));transform:translateY(calc(50% - max(60px, 8vh)/2 + 30px));-webkit-transform:translateY(calc(50% - var(--header-height)/2 + 30px));transform:translateY(calc(50% - var(--header-height)/2 + 30px));transition:all .1s linear;width:200vw;z-index:0}.footerIndicatorGradient.left{left:-75%}.footerIndicatorGradient.middle{left:-50%}.footerIndicatorGradient.right{left:-25%}.App-logo{aspect-ratio:1;height:50%;left:50%;pointer-events:none;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}header{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(rgba(5,5,5,.75),hsla(0,0%,100%,0));height:max(60px,8vh);height:var(--header-height);padding:0 5%;position:relative;z-index:2}.App-link{color:#61dafb}div.page{box-sizing:border-box;height:100%;padding:30px;padding:var(--page-padding-y) var(--page-padding-x);padding-top:10px}div.page,div.subpage{-webkit-animation:fadeIn .2s linear 1 forwards;animation:fadeIn .2s linear 1 forwards}div.subpage{flex:1 1}div.pagetitle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(rgba(5,5,5,.75),hsla(0,0%,100%,0));box-sizing:border-box;display:flex;font-size:1.1em;justify-content:space-between;left:0;padding:30px 30px 10px;padding:calc(var(--page-padding-y)) var(--page-padding-x) 10px var(--page-padding-x);position:-webkit-sticky;position:sticky;right:0;top:0;z-index:999}div.pagetitle>h2{align-items:stretch;min-height:40px}div.pagetitle>h2>span{align-items:center;-webkit-animation:fadeIn .2s linear 1 forwards;animation:fadeIn .2s linear 1 forwards;display:flex;transition:all .2s linear}div.pagetitle>h2>span.backButton{align-items:center;display:flex;justify-content:center;margin-left:-15px;margin-left:calc((-1*var(--page-padding-x))/2);margin-right:0;width:40px}div.pagetitle>h2>span.collapseBackButton{margin-right:-10px;overflow:hidden;width:0}div.buttonGroup{flex-direction:row;gap:5px;justify-content:center}div.buttonGroup,div.greetings{align-items:center;display:flex}div.greetings{justify-content:space-between;min-height:40px;position:relative}.Content{flex:1 1;margin:0 0 calc(max(100px, 9vh)*-1);margin:0 0 calc(var(--footer-height)*-1) 0;overflow-x:hidden;overflow-y:auto;padding:0 0 max(100px,9vh);padding:0 0 var(--footer-height) 0;z-index:1}.menuButton{aspect-ratio:1;border:none;box-sizing:border-box;height:100%;outline:none;padding:27.5px}.menuButton,.menuButton:active{background:none}.menuButton svg{color:#fff;height:100%;opacity:.3;width:100%}.menuButton.active svg{-webkit-filter:drop-shadow(0 0 20px #fff);filter:drop-shadow(0 0 20px rgba(255,255,255,1));opacity:1}footer{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(hsla(0,0%,100%,0),rgba(5,5,5,.75));border-top:1px solid rgba(50,50,50,.5);border-top:1px solid var(--border-color);box-sizing:border-box;color:#fff;display:flex;height:max(100px,9vh);height:var(--footer-height);justify-content:space-around;padding:0 5% 20px;position:relative;z-index:999}footer.collapseFooter{max-height:0;opacity:0;overflow:hidden;padding:0;pointer-events:none}.popup-overlay{-webkit-animation-duration:.1s;animation-duration:.1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:modalBGFadeIn;animation-name:modalBGFadeIn;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes modalBGFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background:transparent}to{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(0,0,0,.75)}}@keyframes modalBGFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background:transparent}to{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(0,0,0,.75)}}.modal{align-items:stretch;-webkit-animation-duration:.1s;animation-duration:.1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:modalFadeIn;animation-name:modalFadeIn;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;background:#0a0a0a;border:1px solid rgba(50,50,50,.5);border:1px solid var(--card-border-color);border-radius:10px;border-radius:var(--card-radius);box-sizing:border-box;color:#fff;display:flex;flex-direction:column;gap:15px;justify-content:flex-start;min-height:25vh;padding:20px;width:90vw}@-webkit-keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-header{align-items:center;flex-direction:row;gap:15px}.homeContainer,.modal-header{display:flex;justify-content:flex-start}.homeContainer{align-items:stretch;flex-direction:column;gap:20px;text-align:left}.homeContainer h1,h2,h3,h4,h5,h6{margin:0}.homeContainer .monthlySummaryContainer{align-items:stretch;display:flex;flex-direction:column;gap:20px;justify-content:flex-start}.homeContainer .monthlySummaryContainer .monthlySummary{align-items:center;background:var(--accent-color) var(--card-bg-accent);border:1px solid var(--card-border-color-accent);border-radius:var(--card-radius);box-sizing:border-box;color:var(--fg-accent-color);display:flex;flex-direction:row;gap:25px;height:var(--card-min-height);justify-content:space-between;padding:15px 25px;position:relative}.homeContainer .monthlySummaryContainer .monthlySummary .refreshSummaryBtn{align-items:center;display:flex;height:40px;justify-content:center;padding:10px;position:absolute;right:5px;top:5px;width:40px}.homeContainer .monthlySummaryContainer .monthlySummary .refreshSummaryBtn>svg{height:20px;width:20px}.homeContainer .monthlySummaryContainer .monthlySummary .refreshSummaryBtn.refreshing>svg{-webkit-animation:refreshIcon 1s forwards;animation:refreshIcon 1s forwards;-webkit-animation-iteration-count:3;animation-iteration-count:3}.homeContainer .monthlySummaryContainer .monthlySummary .monthlySummaryDetails{align-items:flex-start;display:flex;flex:2.5 1;flex-direction:column;gap:10px;justify-content:stretch}.homeContainer .quickActionsContainer{align-items:stretch;display:flex;flex-direction:column;gap:20px;justify-content:flex-start}.homeContainer .quickActionsContainer .quickActions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.homeContainer .quickActionsContainer .quickActions button{align-items:center;display:flex;gap:7.5px;justify-content:center;padding:0 10px}.homeContainer .accountsSummaryContainer{align-items:stretch;display:flex;flex-direction:column;gap:20px;justify-content:flex-start}.homeContainer .accountsSummaryContainer .accountsSummary{align-items:flex-start;background:var(--card-bg);border:1px solid var(--card-border-color);border-radius:var(--card-radius);box-sizing:border-box;display:flex;flex-direction:column;font-size:medium;gap:15px;height:var(--card-min-height);justify-content:center;padding:25px;position:relative}.homeContainer .accountsSummaryContainer .accountsSummary .showACDetails{align-items:center;display:flex;height:40px;justify-content:center;padding:10px;position:absolute;right:5px;top:5px;width:40px}.homeContainer .accountsSummaryContainer .accountsSummary .showACDetails>svg{height:20px;width:20px}.financesContainer{box-sizing:border-box;text-align:left}.financesContainer,.financesSummaryContainer{align-items:stretch;display:flex;flex-direction:column;gap:20px;justify-content:flex-start}.financesSummaryContainer{-webkit-animation:fadeIn .2s linear 1 forwards;animation:fadeIn .2s linear 1 forwards;margin-bottom:calc((var(--footer-height))*-1);opacity:0}.financesSummaryContainer .refreshFinancesBtn.refreshing>svg{-webkit-animation:refreshIcon 1s forwards;animation:refreshIcon 1s forwards;-webkit-animation-iteration-count:3;animation-iteration-count:3}@-webkit-keyframes refreshIcon{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes refreshIcon{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.financesSummaryContainer .monthlySummary{align-items:center;background:var(--card-bg);border:1px solid var(--card-border-color);border-radius:var(--card-radius);box-sizing:border-box;display:flex;flex:1 1;flex-direction:row;gap:25px;justify-content:space-between;padding:15px 25px;position:relative;-webkit-user-select:none;user-select:none}.financesSummaryContainer .transactionList{border-top:1px solid var(--border-color);margin:0 calc(var(--page-padding-x)*-1);max-height:calc(25vh + var(--footer-height));overflow-y:auto;padding-bottom:calc(var(--footer-height))}.transactionItem{align-items:center;border-bottom:.5px solid var(--list-border-color);display:flex;flex-direction:row;height:8vh;justify-content:space-between;padding:0 30px;-webkit-user-select:none;user-select:none}.transactionItem:last-child{border-bottom:none}.transactionItem span.left{align-items:center;display:flex;flex-direction:row;font-size:.9em;gap:20px;justify-content:center}.transactionItem span.left>svg{height:20px;width:20px}.transactionItem .expenseAmount{color:rgba(255,51,0,.75);font-weight:500}.transactionItem .refundAmount{color:rgba(115,255,0,.75);font-weight:500}.profileContainer{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;justify-content:flex-start;text-align:left}.menuItemsList{margin:10px calc(var(--page-padding-x)*-1)}.userMenuItem{align-items:center;border-bottom:1px solid var(--list-border-color);display:flex;flex-direction:row;gap:20px;justify-content:center;padding:15px var(--page-padding-x);-webkit-user-select:none;user-select:none}.userMenuItem:active{background:hsla(0,0%,100%,.2)}.userMenuItem:last-child{border-bottom:0}.userMenuItem>.icon{align-items:center;display:flex;height:30px;justify-content:center;width:30px}.userMenuItem>.icon>svg{height:24px;width:24px}.userMenuItem>.userMenuItemText{align-items:stretch;display:flex;flex:1 1;flex-direction:column;gap:3px;justify-content:stretch}.userMenuItemText>.userMenuItemTitle{font-size:1.05em;font-weight:700}.userMenuItemText>.userMenuItemDescription{font-size:.75em;font-weight:500;opacity:.5}.UserProfilePage{align-items:stretch;display:flex;flex-direction:column;gap:10px;justify-content:flex-start}.updateButtonGroup{align-items:center;display:flex;justify-content:flex-end;padding:15px 0}.registerTransactionContainer{align-items:stretch;-webkit-animation:fadeIn .2s linear 1 forwards;animation:fadeIn .2s linear 1 forwards;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;justify-content:flex-start;opacity:0;padding:10px 0;position:relative;text-align:left}.registerTransactionContainer .transactionDetails{align-items:stretch;display:flex;flex:1 1;flex-direction:column;gap:10px;justify-content:flex-start}.registerTransactionContainer .transactionDetails .twocolumninputs{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.loginContainer{box-sizing:border-box;flex-direction:column;gap:10px;text-align:center}.loginContainer,.loginRegisterForm{align-items:stretch;display:flex;justify-content:center}.loginRegisterForm{flex:1 1;flex-direction:column;gap:15px;padding:25px 0}.loginContainer .buttonGroup{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:center;padding:10px 0}.buttonGroup.reversed{flex-direction:row-reverse}.buttonGroup>button{flex:1 1;font-size:.8em}.altLoginContainer{align-items:center;padding:20px 0}.alertMobileContainer,.altLoginContainer{display:flex;gap:10px;justify-content:center}.alertMobileContainer{align-items:stretch;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:fadeIn;animation-name:fadeIn;background-color:#000;border:2px solid var(--card-border-color);border-radius:var(--card-radius);box-sizing:border-box;color:#fff;flex-direction:column;padding:15px;width:90vw}.alertMobileContainer .alertMobileTitle{align-items:center;display:flex;flex-direction:row;font-size:1.2em;font-weight:500;gap:10px;justify-content:flex-start;opacity:1;padding:0 5px}.alertMobileContainer .alertMobileTitle .Success{color:#9acd32}.alertMobileContainer .alertMobileTitle .Error{color:crimson}.alertMobileContainer .alertMobileBody{font-size:1em;font-weight:400;opacity:.8;padding:0 5px}.alertMobileContainer .alertMobileActions{align-items:center;display:flex;flex-direction:row;justify-content:flex-end}.alertMobileContainer .alertMobileActions button{background:none;border:none;border-radius:2.5px;font-size:.9em;height:auto;opacity:1;padding:7.5px 15px}
/*# sourceMappingURL=main.dc9738c6.css.map*/