.button{border:none;border-radius:8px;color:#fff;font-family:Roboto;font-size:14px;font-style:normal;font-weight:500;height:40px;line-height:21px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.button:focus{box-shadow:0 0 0 2.13333px #fff,0 0 0 4.26667px #00b0f0}.primary{background:#0071b7}.primary:hover{background:#0082cb}.primary:active{background:#0095df}.primary:focus{border-radius:8px}.primary:disabled{background:#d1d5db}.secondary{background:#fff;color:#3000b7}.secondary:hover{background:#f8fafd}.secondary:active{background:#f3f4f6}.secondary:focus{border:1px solid #d1d5db}.secondary:disabled{background:#fff;color:#d1d5db}.danger{background:#e1544a}.danger:hover{background:#e7766e}.danger:active{background:#eb8c86}.danger:disabled{background:#d1d5db}.success{background:#61b781}.success:hover{background:#81c59a}.success:active{background:#95cfab}.success:disabled{background:#d1d5db}.tertiary{background:#fff;border:1px solid #d1d5db;color:#111827}.tertiary:hover{background:#f8fafd}.tertiary:active{background:#f3f4f6}.tertiary:disabled{border:1px solid #e5e7eb;color:#d1d5db}.expense-pie-card{background:#fff;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.1),0 1px 6px rgba(0,0,0,.06);padding:25px;width:400px}.expense-pie-card .total-label{color:#828282;font-size:16px;font-weight:600}.expense-pie-card .total-value{color:#0b1354;font-size:32px;font-weight:500}.expense-pie-card .month{color:#4f4f4f;font-size:14px;font-weight:400}.expense-pie-card .hor-bar{border-bottom:2px solid #ececec;margin-bottom:15px;margin-top:15px}#app-container,#page-container,#root{height:100%}body{height:calc(100vh - 16px);overflow:hidden}#app-container{background-color:#f8fafd;display:grid;grid-template-rows:70px calc(100% - 70px)}#page-container{overflow:auto}.form-background{background:rgba(0,0,0,.5);bottom:0;height:100vh;left:0;position:absolute;right:0;top:0}.form-background .form-layout{grid-gap:5px;background-color:#f3f4f6;border-radius:5px;box-shadow:0 2px 12px rgba(0,0,0,.1),0 1px 6px rgba(0,0,0,.06);display:grid;grid-template-rows:auto 1fr 1fr 1fr 1fr 1fr 1fr auto;margin:55px auto auto;padding:14px;width:400px}.form-background .form-layout .input-field{display:flex;flex-direction:column}.form-background .form-layout .actions{display:flex;flex-direction:row;justify-content:space-between}.goal-form-background{background:rgba(0,0,0,.5);bottom:0;height:100vh;left:0;position:absolute;right:0;top:0;z-index:100}.goal-form-background .form-layout{grid-gap:5px;background-color:#f3f4f6;border-radius:5px;box-shadow:0 2px 12px rgba(0,0,0,.1),0 1px 6px rgba(0,0,0,.06);display:grid;grid-template-rows:auto 1fr;margin:55px auto auto;padding:14px;width:400px}.goal-form-background .form-layout .input-field{display:flex;flex-direction:column}.goal-form-background .form-layout .actions{display:flex;flex-direction:row;justify-content:space-between}.upload-form-background{background:rgba(0,0,0,.5);bottom:0;height:100vh;left:0;position:absolute;right:0;top:0}.upload-form-background .form-layout{grid-gap:15px;background-color:#f3f4f6;border-radius:5px;box-shadow:0 2px 12px rgba(0,0,0,.1),0 1px 6px rgba(0,0,0,.06);display:grid;grid-template-rows:auto 1fr;margin:55px auto auto;padding:14px;width:400px}.upload-form-background .form-layout .input-field{display:flex;flex-direction:column}.upload-form-background .form-layout .actions{display:flex;flex-direction:row;justify-content:space-between}.header-buttons{grid-gap:5px;display:grid;grid-auto-flow:column}.item-container{border:1px solid #d1d5db;display:grid;grid-template-columns:1fr 5fr 1fr;height:60px;width:800px}.item-container .category{rotate:45deg;-webkit-transform:translate(15px,40px);transform:translate(15px,40px)}.item-container .description{align-items:center;display:flex;overflow:hidden;white-space:nowrap}.item-container .amount{align-items:flex-end;display:flex;justify-content:flex-end}.loader{align-items:center;-webkit-animation:rotation .5s linear infinite;animation:rotation .5s linear infinite;border:6px solid #b0e3fa;border-bottom-color:#0082cb;border-radius:50%;display:flex;height:100%;height:48px;margin:30px auto;width:48px}@-webkit-keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.navBar{background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.09);position:-webkit-sticky;position:sticky;top:0;z-index:900}.navBar,.navBar .navBarContainer{align-items:center;display:flex;height:54px;width:100%}.navBar .navBarContainer .navBarFlex{align-items:center;display:flex}.navBar .navBarContainer .navBarFlex .navBarLogo{border-right:1px solid #d1d5db;cursor:pointer;height:23px;margin-right:36px;padding-right:36px}.navBar .navBarContainer .navBarFlex .navBarLinks{border-radius:5px;cursor:pointer;font-weight:500;margin-right:12px;padding:7px 14px}.navBar .navBarContainer .navBarFlex .navBarLinks:hover{background:#e0f4fd}.navBar .navBarContainer .navBarFlex .currentLink{background:#0071b7;border-radius:5px;color:#fff}.navBar .navBarContainer .navBarFlex .currentLink:hover{background:#0082cb}.navBar .navBarContainer .navBarChildren,.navBar .width{margin-left:auto}.navBar .width{margin-right:auto}.navBar .width-HD{max-width:720px}.navBar .width-FHD{max-width:1080px}.navBar .width-QHD{max-width:1440px}.navBar .width-UHD{max-width:2160px}.progress-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.1),0 1px 6px rgba(0,0,0,.06);display:grid;grid-template-rows:37px 29px 15px 25px;height:110px;padding:15px 20px}.progress-card .title{display:flex;font-size:17px;font-weight:600;justify-content:space-between}.progress-card .title .input-months{width:"35px"}.progress-card .current-value{color:#00a2ed;font-size:20px;font-weight:600}.progress-card .current-value-neg{color:#e1544a;font-size:20px;font-weight:600}.progress-card .target-value{display:flex;flex-direction:row-reverse}.progress-card .bar-parent{background-color:#f3f4f6;border-radius:5px;height:10px;width:100%}.progress-card .bar-parent .bar-child{background:#00a2ed;border-radius:5px;height:100%}.skeleton{-webkit-animation:skeleton-loading 1s linear infinite alternate;animation:skeleton-loading 1s linear infinite alternate}@-webkit-keyframes skeleton-loading{0%{background-color:#c2cfd6}to{background-color:#f0f3f5}}@keyframes skeleton-loading{0%{background-color:#c2cfd6}to{background-color:#f0f3f5}}.skeleton-container{border:1px solid #d1d5db;display:grid;grid-template-columns:1fr 5fr 1fr;height:60px;width:800px}.skeleton-container .category{border-radius:.25rem;height:15%;margin:auto;rotate:45deg;width:50%}.skeleton-container .description{display:flex;flex-direction:column;height:60px;justify-content:space-evenly;width:600px}.skeleton-container .line{border-radius:.25rem;height:12px;width:80%}.skeleton-container .amount{align-items:flex-end;display:flex;justify-content:flex-end}.skeleton-label{align-items:flex-end;display:flex;height:45px;margin-bottom:5px;width:120px}.skeleton-label .label{border-radius:10px;height:12px;margin-bottom:0;width:110px}.stamp-container{margin:20px 5px 5px}.auth-container{background:rgba(0,0,0,.5);bottom:0;height:100vh;left:0;position:absolute;right:0;top:0;z-index:100}.auth-container .auth-layout{grid-gap:5px;align-items:center;background-color:#f3f4f6;border-radius:5px;box-shadow:0 2px 12px rgba(0,0,0,.1),0 1px 6px rgba(0,0,0,.06);display:grid;display:flex;flex-direction:column;grid-template-rows:auto 1fr;margin:55px auto auto;padding:14px;width:200px}.contact-page{margin-left:auto;margin-right:auto;max-width:1440px}#dashboard{grid-row-gap:10px;display:grid;row-gap:10px}#dashboard,.primary-page,.secondary-page{position:relative}#dashboard,.primary-page,.secondary-page,.skeleton-page,.storybook{margin-left:auto;margin-right:auto;max-width:1440px}.storybook .listoficons{display:grid;grid-template-columns:10px 10px;height:20px;width:20px}
/*# sourceMappingURL=main.a2adfe84.css.map*/