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}.vertical-menu-pc{align-items:flex-start;background-color:var(--color2);display:flex;flex-direction:column;height:100vh;padding-left:20px;padding-top:20px;width:200px}.vertical-menu-item-pc{align-items:center;border-radius:8px;color:var(--color0);cursor:pointer;display:flex;margin:5px 0;padding:15px 10px;text-decoration:none;transition:background-color .3s,color .3s;width:80%}.vertical-menu-item-pc .vertical-menu-icon-pc{font-size:20px;margin-right:10px}.vertical-menu-item-pc span{font-size:16px;font-weight:500}.vertical-menu-item-pc.active{background-color:var(--color4);color:var(--color6)}.vertical-menu-item-pc.active .vertical-menu-icon-pc{color:var(--color6)}.vertical-menu-item-pc:hover{background-color:var(--color5);color:var(--color6)}.top-menu-container-pc{background-color:var(--color2);height:60px;justify-content:space-between;padding:0 20px}.top-menu-container-pc,.top-menu-left-section-pc,.top-menu-right-section-pc{align-items:center;display:flex}.top-menu-app-image-pc{height:24px;margin-right:8px;object-fit:cover;width:24px}.top-menu-app-name-pc{color:var(--color4);font-size:16px;font-weight:500}.top-menu-user-image-pc{border-radius:50%;height:24px;margin-right:8px;object-fit:cover;width:24px}.top-menu-user-name-pc{color:var(--color0);font-size:16px;font-weight:500}.homeScreenContainer-pc{background-color:var(--color2);display:flex;flex-direction:column;height:100vh}.homeScreenMainContent-pc{display:flex;flex:1 1;overflow:hidden}.homeScreenContentArea-pc{background-color:var(--color6);box-shadow:inset 0 0 10px #0000000d;flex:1 1;overflow-y:auto;padding:20px}.bottom-menu-mb{background-color:var(--color2);bottom:0;height:100px;justify-content:space-between;left:0;padding:0 30px;position:fixed;right:0;z-index:100}.bottom-menu-mb,.menu-item-mb{align-items:center;display:flex}.menu-item-mb{color:var(--color0);flex-direction:column;font-size:12px;text-decoration:none;transition:color .3s,transform .2s}.menu-item-mb .bottom-icon-mb{color:var(--color0);height:24px;margin-bottom:5px;transition:color .3s;width:24px}.menu-item-mb.active,.menu-item-mb.active .bottom-icon-mb,.menu-item-mb:hover,.menu-item-mb:hover .bottom-icon-mb{color:var(--color4)}.menu-center-mb{align-items:center;background-color:var(--color4);border-radius:50%;bottom:30px;box-shadow:0 0 15px var(--color4);display:flex;height:40px;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);transition:transform .2s,bottom .3s;width:40px}.menu-center-mb.active{bottom:15px}.menu-center-mb .center-icon-mb{color:#fff;font-size:28px;font-weight:700}.top-menu-container-mb{height:60px;justify-content:space-between;padding:0 16px}.top-menu-container-mb,.top-menu-left-section-mb{align-items:center;display:flex}.top-menu-user-image{border-radius:50%;height:24px;margin-right:8px;object-fit:cover;width:24px}.top-menu-user-name{color:var(--color0);font-size:16px;font-weight:500}.top-menu-icon-mb{color:var(--color0);cursor:pointer;font-size:24px}.homeScreenContentArea-mb{display:flex;flex-direction:column}.buttonOne{background-color:var(--color4);border:none;border-radius:8px;box-shadow:0 5px 10px var(--color5);color:var(--color6);cursor:pointer;font-size:16px;font-weight:600;margin-bottom:10px;margin-top:10px;padding:12px;transition:transform .2s,box-shadow .2s;width:100%}.buttonOne:hover{transform:scale(1.05)}.inputTextContainer{align-items:center;background-color:var(--color2);border-radius:8px;display:flex;margin-bottom:5px;margin-top:5px;padding:12px 0;width:100%}.inputTextIcon{color:var(--color1);font-size:20px;margin-right:10px;padding:0 10px}.inputTextInput{background:#0000;border:none;color:var(--color0);font-size:16px;outline:none;width:100%}.inputTextInput::placeholder{color:var(--color1)}input:-webkit-autofill{-webkit-text-fill-color:var(--color0);border:none;-webkit-box-shadow:0 0 0 1000px var(--color2) inset}.modalOverlay{align-items:center;background-color:var(--color7);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modalContent{background-color:var(--color6);border-radius:35px;box-shadow:0 0 50px var(--color8);padding:20px;text-align:center;width:80%}@media only screen and (min-width:1024px){.modalContent{width:20%}}.modalTitle{color:var(--color3);font-size:34px;font-weight:900;margin-top:0}.modalMessage{color:var(--color1)}.modalButton{border:none;border-radius:20px;color:var(--color6);cursor:pointer;margin-top:20px;padding:15px;width:90%}.modalButton,.modalButton:hover{background-color:var(--color4)}.loginScreenContainer-mb{align-content:center;align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;height:100%;justify-content:space-evenly;width:100%}.loginScreenImg-mb{height:auto;object-fit:contain;width:60%}.loginScreenForm-mb{display:flex;flex-direction:column;width:80%}.loginScreenTitle-mb{color:var(--color4);font-size:34px;font-weight:900;margin-bottom:0}.loginScreenIntro-mb{color:var(--color1);display:flex;font-size:16px;font-weight:100;width:100%}.loginScreenRegisterContainer-mb{align-content:center;align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;width:100%}.loginScreenRegisterText-mb{color:var(--color1);font-size:16px;font-weight:100;margin-right:10px}.loginScreenRegisterButton-mb{color:var(--color4);cursor:pointer;font-size:16px;font-weight:400;margin-right:10px;text-decoration:underline}.loginScreenContainer-pc{align-content:center;align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;height:100%;justify-content:space-evenly;width:100%}.loginScreenImg-pc{height:auto;object-fit:contain;width:20%}.loginScreenForm-pc{display:flex;flex-direction:column;width:20%}.loginScreenTitle-pc{color:var(--color4);font-size:34px;font-weight:900;margin-bottom:0}.loginScreenIntro-pc{color:var(--color1);display:flex;font-size:16px;font-weight:100;width:100%}.loginScreenRegisterContainer-pc{align-content:center;align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;width:100%}.loginScreenRegisterText-pc{color:var(--color1);font-size:16px;font-weight:100;margin-right:10px}.loginScreenRegisterButton-pc{color:var(--color4);cursor:pointer;font-size:16px;font-weight:400;margin-right:10px;text-decoration:underline}.registerScreenContainer-pc{align-content:center;align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;height:100%;justify-content:space-evenly;width:100%}.registerScreenImg-pc{height:auto;object-fit:contain;width:20%}.registerScreenForm-pc{display:flex;flex-direction:column;width:20%}.registerScreenTitle-pc{color:var(--color4);font-size:34px;font-weight:900;margin-bottom:0}.registerScreenIntro-pc{color:var(--color1);display:flex;font-size:16px;font-weight:100;width:100%}.registerScreenLoginContainer-pc{align-content:center;align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;width:100%}.registerScreenLoginText-pc{color:var(--color1);font-size:16px;font-weight:100;margin-right:10px}.registerScreenLoginButton-pc{color:var(--color4);cursor:pointer;font-size:16px;font-weight:400;margin-right:10px;text-decoration:underline}.registerScreenContainer-mb{align-content:center;align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;height:100%;justify-content:space-evenly;width:100%}.registerScreenImg-mb{height:auto;object-fit:contain;width:60%}.registerScreenForm-mb{display:flex;flex-direction:column;width:80%}.registerScreenTitle-mb{color:var(--color4);font-size:34px;font-weight:900;margin-bottom:0}.registerScreenIntro-mb{color:var(--color1);display:flex;font-size:16px;font-weight:100;width:100%}.registerScreenLoginContainer-mb{align-content:center;align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;width:100%}.registerScreenLoginText-mb{color:var(--color1);font-size:16px;font-weight:100;margin-right:10px}.registerScreenLoginButton-mb{color:var(--color4);cursor:pointer;font-size:16px;font-weight:400;margin-right:10px;text-decoration:underline}.balance-card-mb{align-items:center;background:linear-gradient(135deg,var(--color4),var(--color9));border-radius:8px;box-shadow:0 5px 20px var(--color9);color:#fff;display:flex;flex-direction:column;font-family:Poppins,sans-serif;isolation:isolate;overflow:hidden;padding:20px 0 30px;position:relative;text-align:center;width:90%}.balance-card-mb .background-shape-1-mb{background:#ffffff1a;border-radius:50%;height:180px;left:-30px;position:absolute;top:-30px;width:180px;z-index:-1}.balance-card-mb .background-shape-2-mb{background:#ffffff14;border-radius:50%;bottom:-40px;height:250px;position:absolute;right:-40px;width:250px;z-index:-1}.balance-card-mb .background-shape-3-mb{background:#ffffff0d;border-radius:50px;bottom:10%;height:100px;left:10%;position:absolute;transform:rotate(-10deg);width:300px;z-index:-1}.balance-card-content-mb{z-index:1}.card-title-mb{color:#a3e4db;font-size:16px;font-weight:500;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.balance-amount-mb h1{color:#fff;font-size:48px;font-weight:700;margin:5px 0}.decimal-mb{color:#d2f6ee;font-size:32px;font-weight:300}.dashboard-screen-mb-container{align-content:center;align-items:center;display:flex;flex-direction:column;width:100%}.transaction-list-container{border-radius:8px;box-sizing:border-box;margin-top:20px;max-height:250px;overflow-y:auto;padding:15px;width:100%}.transaction-list{list-style:none;margin:0;padding:0}.transaction-item{align-items:center;background:var(--color2);border-radius:4px;display:flex;justify-content:space-between;margin:5px 0;padding:10px;transition:background .3s}.transaction-left{align-items:center;display:flex;gap:10px}.transaction-icon{font-size:24px}.transaction-type{color:var(--color0);font-size:16px;font-weight:500}.transaction-category{display:block;font-size:14px;margin-top:2px}.category-income{color:green}.category-expense{color:red}.transaction-right{text-align:right}.transaction-amount{color:var(--color4);display:flex;font-size:16px;font-weight:700}.transaction-date{color:var(--color1);font-size:12px;margin-top:2px}.transaction-delete{color:var(--color1);cursor:pointer;font-size:20px;margin-left:15px;transition:color .3s,transform .2s ease}.transaction-delete:hover{color:red;transform:scale(1.1)}.balance-card-pc{align-items:center;background:linear-gradient(135deg,var(--color4),var(--color9));border-radius:24px;box-shadow:0 5px 20px var(--color9);color:#fff;display:flex;flex-direction:column;font-family:Poppins,sans-serif;isolation:isolate;overflow:hidden;padding:50px 20px;position:relative;text-align:center;width:300px}.balance-card-pc .background-shape-1-pc{background:#ffffff1a;border-radius:50%;height:180px;left:-30px;position:absolute;top:-30px;width:180px;z-index:-1}.balance-card-pc .background-shape-2-pc{background:#ffffff14;border-radius:50%;bottom:-40px;height:250px;position:absolute;right:-40px;width:250px;z-index:-1}.balance-card-pc .background-shape-3-pc{background:#ffffff0d;border-radius:50px;bottom:10%;height:100px;left:10%;position:absolute;transform:rotate(-10deg);width:300px;z-index:-1}.balance-card-content-pc{z-index:1}.card-title-pc{color:#a3e4db;font-size:16px;font-weight:500;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.balance-amount-pc h1{color:#fff;font-size:48px;font-weight:700;margin:5px 0}.decimal-pc{color:#d2f6ee;font-size:32px;font-weight:300}.dashboard-screen-pc-conyainer-top{display:flex;justify-content:space-evenly}.profile-items-container-mb{display:flex;flex-direction:column;padding:0}.profile-item-mb{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:20px;transition:background-color .3s,color .3s}.profile-item-mb.active{background-color:var(--color4);color:var(--color6)}.profile-item-mb.active .menu-item-icon-mb,.profile-item-mb.active .menu-item-text-mb{color:var(--color6)}.menu-item-left-mb{align-items:center;display:flex}.menu-item-icon-mb{color:var(--color0);font-size:20px}.menu-item-text-mb{color:var(--color0);font-size:16px;font-weight:500;margin-left:15px}.menu-item-info-icon-mb{color:var(--color0);font-size:20px}.profile-logout-button-pc{bottom:0;position:fixed;right:10px;width:300px}.transaction-screen-pc{display:flex;flex-direction:column;gap:10px}.block-pc{padding:10px}.block0-pc{display:flex;justify-content:center;margin-bottom:10px}.block1-pc{align-items:flex-start;display:flex;flex:1 1}.block2-pc{flex:1 1;width:100%}.block2-pc,.block3-pc{display:flex;justify-content:center}.block3-pc{margin-top:10px;padding:0 20%}.switcher-container-mb{background-color:var(--color2);display:flex;margin:auto;position:relative;width:100%}.switcher-tab-mb{background:none;border:none;color:var(--color1);cursor:pointer;flex:1 1;font-size:16px;padding:15px 0;position:relative;text-align:center;z-index:1}.switcher-tab-mb.active{color:var(--color6);z-index:2}.highlight-mb{background-color:var(--color4);border-radius:8px;bottom:0;position:absolute;top:0;transition:transform .3s ease;width:50%}.highlight-mb.Income{transform:translateX(0)}.highlight-mb.Expense{transform:translateX(100%)}.transaction-type-container{background:var(--color2);box-sizing:border-box;height:100%;overflow-x:auto;padding:10px;width:100%}.transaction-type-list-wrapper{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;width:max-content}.transaction-type-list{grid-gap:8px;display:grid;gap:8px;grid-auto-flow:column;grid-template-rows:repeat(3,minmax(115px,1fr));list-style:none;margin:0;padding:0}.transaction-type-item{align-items:center;background-color:var(--color6);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;height:114px;justify-content:space-between;padding:5px;scroll-snap-align:center;text-align:center;transition:background .3s,transform .2s ease-in-out;width:129px}.transaction-type-item:hover{background:var(--color5)}.transaction-type-item.selected{background:var(--color4)}.transaction-type-item.selected .description,.transaction-type-item.selected .icon,.transaction-type-item.selected .name,.transaction-type-item:hover .description,.transaction-type-item:hover .icon,.transaction-type-item:hover .name{color:#fff}.transaction-type-item .icon{font-size:24px;margin-bottom:5px}.transaction-type-item .name{color:var(--color3);font-size:14px;font-weight:700;margin-bottom:4px}.transaction-type-item .description{color:var(--color1);font-size:12px;line-height:1.4}.input-amount-container-mb{background-color:var(--color2);margin:20px 0;width:100%}.input-amount-mb{justify-self:center;width:50%}.input-amount-button-mb{padding:10px}
/*# sourceMappingURL=main.b70b6e4b.css.map*/