.loading-page{align-items:center;background:#f9fafb;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:6px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:60px;margin-bottom:20px;width:60px}.loading-text{color:#333;font-size:1.25rem;font-weight:600}.loading-subtext{color:#666;font-size:.9rem}.signInUpRoot-LoginPage{background:#f6f5f7;box-sizing:border-box;display:grid;font-family:Montserrat,sans-serif;height:100vh;overflow-x:hidden;padding:20px;place-items:center;width:100vw}.signInPageWrapper-LoginPage{box-sizing:border-box;max-width:400px;padding:0 10px;width:100%}.container-LoginPage.standaloneSignIn-LoginPage{align-items:center;background:#fff;border-radius:10px;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038;box-sizing:border-box;display:flex;justify-content:center;margin-bottom:40px;min-height:350px;padding:20px;width:100%!important}.form-LoginPage{align-items:center;display:flex;flex-direction:column;justify-content:center;max-width:350px;text-align:center;width:100%}.title-LoginPage{color:#333;font-weight:700;margin-bottom:20px;text-align:center}.heading-LoginPage{color:linear-gradient(135deg,#6a0dad,#2c3e50,#1b2631);font-size:20px;font-weight:700;margin-bottom:10px;margin-top:10px}.socialContainer-LoginPage{margin:20px 0}.social-LoginPage{align-items:center;border:1px solid #ddd;border-radius:50%;color:#333;display:inline-flex;font-size:18px;height:40px;justify-content:center;margin:0 8px;text-decoration:none;width:40px}.social-LoginPage:hover{background-color:#ff4b2b;border-color:#ff4b2b;color:#fff;cursor:pointer}.span-LoginPage{color:#999;font-size:12px}.input-LoginPage{background-color:#eee;border:none;border-radius:4px;font-size:14px;margin:8px 0;padding:12px 15px;width:80%}.link-LoginPage{color:#333;display:inline-block;font-size:14px;margin:15px 0;text-decoration:none}.link-LoginPage:hover{cursor:pointer;text-decoration:underline}.button-LoginPage{background:linear-gradient(135deg,#6a0dad,#2c3e50,#1b2631);border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:1px;margin-bottom:10px;margin-top:10px;max-width:300px;padding:12px 45px;text-transform:uppercase;transition:transform 80ms ease-in;width:100%}.button-LoginPage:active{transform:scale(.95)}.button-LoginPage:focus{outline:none}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:24px;margin:10px auto;width:24px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.DashboardPage-header{box-sizing:border-box;display:flex;flex-direction:row;font-family:Raleway,sans-serif;justify-content:space-between;margin:25px auto 0;max-width:360px;padding:0 10px;width:90%}.DashboardPage-header-greetings{font-size:28px;margin-bottom:0;margin-left:10px;margin-top:26.5px}.DashboardPage-header img{border-radius:50%;height:42px;margin-right:10px;margin-top:20px;width:42px}.dashboardPage-main{margin:0 auto;width:390px}.dashboardPage-container{align-items:center;display:flex;justify-content:center;margin-top:30px;width:100%}.dashboardPage-money-total{background:linear-gradient(135deg,#8e44ad,#2c3e50,#34495e);border-radius:20px;box-shadow:0 10px 25px #0000001a;color:#fff;font-family:Inter,sans-serif;height:175px;width:360px}.dashboardPage-money-total p{font-family:Inter,sans-serif;font-size:12px;font-weight:200;padding-top:15px}.dashboardPage-money-total-balance-wrapper{margin-left:30px}.dashboardPage-money-total-balance-wrapper p{color:#fff;margin-bottom:0}.dashboardPage-money-total-balance{color:#fff;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:25px;margin-bottom:15px;margin-top:5px;padding-top:0}.dashboardPage-money-total-incomes{display:flex;flex-direction:row;justify-content:space-between;margin-top:35px}.dashboardPage-money-total-incomes p{color:#fff;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:18px;margin-top:5px;padding-top:0}.dashboardPage-money-total-income{display:flex;flex-direction:column;height:50px;margin-left:30px;width:100px}.dashboardPage-money-total-income div{display:flex;flex-direction:row;height:50px;justify-content:space-between;width:80px}.dashboardPage-money-total-spend{display:flex;flex-direction:column;height:50px;margin-right:30px;width:100px}.dashboardPage-money-total-spend div{display:flex;flex-direction:row;height:50px;justify-content:space-between;width:95px}.text-sm{font-size:14px;margin-top:1px}.dashboardPage-spends{margin-top:50px}.spend-recent{font-family:Raleway,sans-serif;font-size:20px;font-weight:600;margin-bottom:0;margin-left:19.5px;margin-top:0}.see-all-transactions{color:#000;font-size:16px;margin-right:15px;margin-top:5px;opacity:.4;text-decoration:none}.dashboardPage-spends-list{display:flex;flex-direction:column;gap:15px;margin-top:30px}.spend{align-items:center;background-color:#f9f9f9;border-radius:12px;box-shadow:0 1px 4px #0000000d;display:flex;font-family:Raleway,sans-serif;justify-content:space-between;margin-left:5%;padding:12px 20px;width:80%}.spend img{border-radius:50%;height:40px;margin-right:16px;width:40px}.spend p{margin:0}.spend div{display:flex;flex-direction:column;flex-grow:1;margin-left:16px}.spend-name{font-size:16px;font-weight:600;margin-bottom:4px}.spend-date{color:#999;font-size:13px}.spend-amount{font-size:16px;font-weight:600;min-width:70px;text-align:right}.spend-amount.income{color:#28a745}.spend-amount.expense{color:#dc3545}.skeleton-spend{align-items:center;background-color:#f9f9f9;border-radius:12px;box-shadow:0 1px 4px #0000000d;display:flex;font-family:Raleway,sans-serif;height:34px;justify-content:space-between;margin-left:5%;padding:12px 20px;width:80%}.skeleton-name{height:18px;width:55px}.skeleton-date,.skeleton-name{background-color:#d6d6d6;margin-bottom:4px;margin-left:15px}.skeleton-date{height:10px;width:100px}.skeleton-amount{background-color:#d6d6d6;height:16px;width:55px}.pagination-controls{align-items:center;display:flex;font-family:Raleway,sans-serif;gap:10px;justify-content:center;margin-top:20px;padding-bottom:40px;width:100%;z-index:2001}.pagination-controls button{background-color:#fff;border:1px solid #ccc;border-radius:6px;cursor:pointer;font-size:14px;padding:6px 12px;z-index:2001}.pagination-controls button:disabled{cursor:not-allowed;opacity:.5}.dashboardPage-spends-buttons{bottom:45px;display:flex;justify-content:space-between;left:50%;padding:0 20px 15px;position:fixed;transform:translateX(-50%);width:390px;z-index:1000}.dashboardPage-spends-buttons a{margin-left:30px;margin-right:30px}.circle-button{align-items:center;background:linear-gradient(135deg,#6a0dad,#2c3e50,#1b2631);border:none;border-radius:50%;box-shadow:0 2px 6px #0003;color:#fff;display:flex;font-size:24px;height:55px;justify-content:center;text-decoration:none;transition:background-color .3s ease;width:55px}.minimal-chart-container{background:#fff;border-radius:12px;margin:20px auto;padding:16px;width:80%}.minimal-chart-container :focus,.minimal-chart-container:focus{box-shadow:none!important;outline:none!important}.dashboardPage-chart-container{display:flex;justify-content:center;margin:20px 0 20px -7.5px;width:100%}.dashboardPage-chart-container>*{box-sizing:border-box;margin:0 auto;max-width:600px;width:100%!important}.skeleton{animation:pulse 1.5s infinite;background:#e0e0e0;border-radius:4px;height:20px;margin:8px 0;width:100%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.footer-dashboard{align-items:center;background:#fff;border-top-left-radius:20px;border-top-right-radius:20px;bottom:0;box-shadow:0 -4px 15px #0000001a;display:flex;height:70px;justify-content:space-around;left:0;padding:0 20px 10px;position:fixed;width:calc(100% - 40px);z-index:10}.footer-dashboard .icon{color:#aaa;flex:1 1;font-size:30px;text-align:center}.footer-dashboard .icon.active{color:#8b5cf6}.fab{align-items:center;background:linear-gradient(135deg,#9b59b6,#34495e,#1abc9c);border:0;border-radius:50%;box-shadow:0 4px 10px #0003;color:#fff;cursor:pointer;display:flex;font-size:28px;height:55px;justify-content:center;left:50%;position:absolute;top:-25px;transform:translateX(-50%);width:55px;z-index:100}.displaytransactionstype-choose{background-color:initial;border:0;margin-right:19.5px;width:80px}.displaytransactionstype-choose:active,:hover{border:0}.AddExpendsPage-header h2{font-family:Raleway,sans-serif;font-weight:500;text-align:center}.expense-form{align-items:center;background-color:#f9f9f9;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;gap:12px;justify-content:center;margin:50px auto;padding:25px;width:320px}.expense-input{border:1px solid #ccc;border-radius:6px;font-size:16px;padding:10px 12px;transition:border-color .3s ease;width:100%}.expense-input:focus{border-color:#007bff;outline:none}.expense-button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease}.expense-button:hover{background-color:#0056b3}hr{margin-top:-1px;opacity:.4}.profile-page-wrapper{font-family:Raleway,sans-serif;margin-left:40px;margin-right:40px;margin-top:30px}.head-wrapper{display:flex;flex-direction:row;justify-content:space-between}.head-info-profile-page h2{font-size:28px;margin-bottom:10px}.user-image{border-radius:50%;height:42px;margin-top:15px;width:42px}.settings-variants{display:flex;flex-direction:row}.settings-variants div.active{border-bottom:2px solid #007bff;color:#007bff;font-weight:700;padding-bottom:6px}.settings-variants div{margin-right:20px}.settings-variants div p{display:inline-block;font-size:15px;margin-bottom:5px}.personal-profile-info{margin-top:40px}.personal-info-container{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:20px;margin-top:20px}.personal-info-container a{color:#357ab8;display:inline-block;text-decoration:none}.personal-info-container p{margin:0}.personal-info-container div{display:flex;flex-direction:column}.personal-info-container div h4{color:#4b4b4b;margin:0 0 10px}.personal-info-container div p{opacity:.5;text-transform:capitalize}.logout-button{background-color:initial;border:.5px solid #000;border-radius:10px;display:inline-block;padding:5px}.logout-button p{opacity:.5}.profile-wrapper{margin:0 auto}.nav-back-button-profilepage{background-color:#4b4b4b;border-radius:8px;color:#fff;display:inline-block;font-weight:700;margin-bottom:20px;margin-left:30px;margin-top:30px;padding:5px 10px;text-decoration:none;transition:background-color .3s ease}.nav-back-button-profilepage:hover{background-color:#357ab8}.user-profile-wrapper{align-items:center;display:flex;flex-direction:column;font-family:Raleway,sans-serif;margin-top:175px}.avatar-profile-page{border-radius:5px;height:50px;width:50px}.username-profile-page{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:15px;margin-top:0;text-align:center;text-transform:capitalize}.user-profile-wrapper p{margin-bottom:5px}.modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#fff;border-radius:10px;box-sizing:border-box;padding:20px;width:300px}.modal-input{box-sizing:border-box;margin:10px 0;padding:8px;width:100%}.modal-buttons{display:flex;gap:10px;justify-content:flex-end}.modal-cancel,.modal-save{cursor:pointer;padding:6px 12px}.modal-save{background-color:#3b82f6;border:none;color:#fff}.expense-page{align-items:center;background:#f9fafb;color:#111827;display:flex;flex-direction:column;font-family:Inter,sans-serif;height:95vh;padding:1.5rem}.back-button{align-self:flex-start;color:#6b7280;font-size:1.4rem;margin-bottom:1.5rem;text-decoration:none;transition:color .2s}.back-button:hover{color:#111827}.expense-card{animation:fadeIn .3s ease;background:#fff;border-radius:1.6rem;box-shadow:0 8px 24px #0000000f;display:flex;flex-direction:column;gap:1rem;max-width:420px;padding:2rem;width:80%}.expense-card h2{font-size:1.4rem;font-weight:600;margin:0}.amount{color:#2563eb;font-size:2rem;font-weight:700;margin:0}.description{color:#6b7280;font-size:1rem;line-height:1.5}.category{align-items:center;color:#374151;display:flex;font-size:1rem;font-weight:500;gap:.8rem}.category .icon{background:#f3f4f6;border-radius:8px;height:28px;object-fit:cover;padding:4px;width:28px}.delete-btn{background:#1d158d;border:none;border-radius:1rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:1.2rem;padding:.9rem;transition:background .2s,transform .1s}.delete-btn:hover{background:#1d158d;transform:translateY(-2px)}.delete-btn:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.card-header{margin-bottom:12px}.card-title{font-size:1.25rem;font-weight:700}.card-content.summary{display:flex;font-size:1rem;justify-content:space-between}.month-title{font-weight:400;margin-top:5px;text-align:center}.income{color:#4ade80;font-weight:600}.expenses{color:#f87171}.expenses,.net{font-weight:600}.net{color:#3b82f6}.progress-bar{background-color:#ddd;border-radius:5px;height:10px;overflow:hidden;width:100%}.progress-fill{background-color:#3b82f6;height:100%}.savings{margin-bottom:85px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.inprogress-text{text-align:center}body{background-color:#fff;margin:0}.row{display:flex;flex-direction:row;justify-content:space-between}.column{display:flex;flex-direction:column}.recharts-wrapper :focus{outline:none}a{text-decoration:none}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.overview-container{grid-gap:24px;display:grid;gap:24px;padding:24px}.card{background-color:#fff;border:1px solid #ddd;border-radius:16px;box-shadow:0 2px 6px #0000001a;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;padding:16px}.subscriptions{font-weight:400;margin:0;text-align:center}
/*# sourceMappingURL=main.2e9f8192.css.map*/