.navBarNav{padding:1%;padding-right:10px 20px;box-sizing:border-box;background-color:#87cfeb;flex-direction:row;justify-content:space-between;align-items:center;width:100%;display:flex;box-shadow:0 2px 4px #0000001a,0 10px 15px #0003}#logoImg{width:70%;height:auto}.navBarOptions{float:right;flex-direction:row;gap:25px;margin-left:5%;padding:0%;display:flex}.dropdownContainer{display:inline-block;position:relative}#options{color:#fede2c;text-shadow:0 0 8px #4a90e24d;background-color:#87cfeb;border:none;width:100%;height:100%;font-family:Fredoka,sans-serif;font-size:1.7rem;font-weight:700;text-decoration:none}.dropdownMenu{color:#fede2c;text-shadow:0 0 8px #4a90e24d;z-index:1001;background-color:#87cfeb;border:none;font-family:Fredoka,sans-serif;font-size:1.7rem;font-weight:700;text-decoration:none;display:none;position:absolute;top:100%;left:0}.dropdownContainer:hover .dropdownMenu{display:block}.dropdownMenu button{text-align:left;color:#fede2c;cursor:pointer;background:0 0;border:none;width:100%;padding:12px 16px;font-family:Fredoka,sans-serif;font-size:1.2rem}.dropdownMenu button:hover{background-color:#ffffff1a}#addTransactionBtn{white-space:nowrap;box-sizing:border-box;background-color:#f0becd;border:2px solid #f0becd;border-radius:10px;width:auto;min-width:170px;padding:2%;font-family:Fredoka,sans-serif;font-size:20px;box-shadow:0 8px 24px #0000001a}#addTransactionBtn:hover{background-color:#dfb0bf;border:2px solid #dfb0bf}#logoutBtn{white-space:nowrap;box-sizing:border-box;background-color:#b8e081;border:2px solid #fede2c;border-radius:10px;width:auto;min-width:100px;padding:2%;font-family:Fredoka,sans-serif;font-size:20px;box-shadow:0 8px 24px #0000001a}#logoutBtn:hover{background-color:#a4c774;border:3px solid #e1c731}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:3000;background-color:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.formCard{background-color:#fff;border:2px solid #fede2c;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:3% 5%;font-family:Fredoka,sans-serif;display:flex}#closeForm{background-color:#fff;border:none;font-family:Fredoka,sans-serif;font-weight:700;position:relative;bottom:25px;left:130px}#closeForm:hover{color:red;background-color:#e8e8e8}#addTitle{margin-bottom:30px;position:relative}.newTransaction{flex-direction:column;align-items:stretch;display:flex}.newTransaction input,#transNote,#transCategory{box-sizing:border-box;border:2px solid #94d4ed;border-radius:7px;width:100%;min-width:220px;padding:5%;font-family:Fredoka,sans-serif}.newTransaction input:focus,#transNote:focus,#transCategory:focus,#transCategory:focus{border-color:#f0becd;outline:none;transition:border-color .3s;box-shadow:0 0 8px #4a90e24d}#newTransSubmit{background-color:#f0becd;border:2px solid #f0becd;border-radius:5px;max-width:100px;margin-left:60px;padding:2%;font-family:Fredoka,sans-serif;position:relative}#newTransSubmit:hover{background-color:#dfb0bf;border:2px solid #dfb0bf}.indexMain{justify-content:center;align-items:left;background-image:url(/assets/summer_background_47_a-DHg6i2dK.jpg);background-size:cover;flex-direction:column;width:100%;min-height:100vh;margin:0;padding:0;display:flex}.words{padding-left:8%;font-family:Fredoka,sans-serif}#header{color:#fff;text-shadow:0 5px 10px #4a90e24d;font-size:80px;font-weight:700}#body{margin-top:13px;font-size:28px}.indexButtons{margin-top:20px;padding-left:8%}#existingUser{background-color:#fede2c;border:3px solid #fede2c;border-radius:7px;width:auto;height:auto;margin-right:20px;padding:16px 50px;font-family:Fredoka,sans-serif;font-size:30px;box-shadow:0 8px 24px #0000001a}#existingUser:hover{background-color:#e1c731;border:3px solid #e1c731}#newUser{background-color:#b8e081;border:3px solid #fede2c;border-radius:7px;width:auto;height:auto;padding:16px 50px;font-family:Fredoka,sans-serif;font-size:30px;box-shadow:0 8px 24px #0000001a}#newUser:hover{background-color:#a4c774;border:3px solid #e1c731}#duckImgIndex{z-index:10;width:120px;height:auto;animation:3s ease-in-out infinite floatI;position:absolute;bottom:.1%;right:5%}@keyframes floatI{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.loginDiv{background-image:url(/assets/summer_background_47_a-DHg6i2dK.jpg);background-size:cover;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;margin:0;padding:0;display:flex}.loginMain{box-sizing:border-box;background-color:#94d4ed;border:3px solid #fede2c;border-radius:12px;flex-direction:column;align-items:center;gap:20px;margin:0;padding:3% 6%;font-family:Fredoka,sans-serif;display:flex;box-shadow:0 8px 24px #0000001a}#loginTitle{color:#fede2c;text-shadow:0 0 8px #4a90e24d;font-size:3.5rem;font-weight:700}#loginEmail,#loginPass{box-sizing:border-box;border:3px solid #fff;border-radius:10px;width:100%;height:100%;padding:5%;font-family:Fredoka,sans-serif}#loginEmail:focus,#loginPass:focus{border-color:#fed18c;outline:none;transition:border-color .3s;box-shadow:0 0 8px #4a90e24d}.loginButtons{flex-direction:column;justify-content:center;align-items:center;display:flex}.registerContainer{color:#fff;flex-direction:row;justify-content:center;display:flex}#registerLink{color:#fff;background:0 0;border:none;text-decoration:underline}.resetContainer{color:#fff;flex-direction:row;justify-content:center;display:flex}#resetLink,#registerLink{color:#fff;background:0 0;border:none;text-decoration:underline}#loginSubmit{background-color:#fede2c;border:#fede2c;border-radius:5px;width:50%;height:100%;margin-top:15px;padding:10px;font-family:Fredoka,sans-serif;box-shadow:0 8px 24px #0000001a}#loginSubmit:hover{background-color:#e1c731;border-color:#e1c731}#duckImgLogin{z-index:10;width:120px;height:auto;animation:3s ease-in-out infinite float;position:absolute;bottom:.1%;right:5%}#loginError{color:red}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.resetDiv{background-image:url(/assets/summer_background_47_a-DHg6i2dK.jpg);background-size:cover;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;margin:0;padding:0;display:flex}.resetMain{box-sizing:border-box;background-color:#94d4ed;border:3px solid #fede2c;border-radius:12px;flex-direction:column;align-items:center;gap:20px;min-width:450px;max-width:600px;margin:0;padding:3% 6%;font-family:Fredoka,sans-serif;display:flex;box-shadow:0 8px 24px #0000001a}.resetForm{flex-direction:column;width:100%;display:flex}#resetTitle{color:#fede2c;text-shadow:0 0 8px #4a90e24d;font-size:3.5rem;font-weight:700}#resetCode{box-sizing:border-box;border:3px solid #fff;border-radius:10px;width:100%;height:100%;padding:5%;font-family:Fredoka,sans-serif}#resetCode:focus{border-color:#fed18c;outline:none;transition:border-color .3s;box-shadow:0 0 8px #4a90e24d}.resetButtons{flex-direction:column;justify-content:center;align-items:center;display:flex}#resetSubmit{background-color:#fede2c;border:#fede2c;border-radius:5px;width:100%;height:100%;margin-top:15px;padding:10px;font-family:Fredoka,sans-serif;box-shadow:0 8px 24px #0000001a}#resetSubmit:hover{background-color:#e1c731;border-color:#e1c731}#duckImgReset{z-index:10;width:120px;height:auto;animation:3s ease-in-out infinite float;position:absolute;bottom:.1%;right:5%}#resetError{color:red}#resetSuccess{color:green}.signUpDiv{background-image:url(/assets/summer_background_47_a-DHg6i2dK.jpg);background-size:cover;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;margin:0;padding:0;display:flex}.signUpMain{box-sizing:border-box;background-color:#94d4ed;border:3px solid #fede2c;border-radius:12px;flex-direction:column;align-items:center;gap:20px;margin:0;padding:3% 6%;font-family:Fredoka,sans-serif;display:flex;box-shadow:0 8px 24px #0000001a}#signUpTitle{color:#fede2c;text-shadow:0 0 8px #4a90e24d;font-size:3.5rem;font-weight:700}.UserName{flex-direction:row;justify-content:center;align-items:center;margin-bottom:20px;display:flex}#signUpFName,#signUpLName,#signUpEmail,#signUpPass,#signUpPass2{box-sizing:border-box;border:3px solid #fff;border-radius:10px;width:100%;height:100%;padding:5%;font-family:Fredoka,sans-serif}#signUpFName{margin-right:10px}#signUpFName:focus,#signUpLName:focus,#signUpEmail:focus,#signUpPass:focus,#signUpPass2:focus{border-color:#fed18c;outline:none;transition:border-color .3s;box-shadow:0 0 8px #4a90e24d}.signUpButtons{flex-direction:column;justify-content:center;align-items:center;display:flex}.loginContainer{color:#fff;flex-direction:row;justify-content:center;display:flex}#loginLink{color:#fff;background:0 0;border:none;text-decoration:underline}#signUpSubmit{background-color:#fede2c;border:#fede2c;border-radius:5px;width:50%;height:100%;margin-top:15px;padding:10px;font-family:Fredoka,sans-serif;box-shadow:0 8px 24px #0000001a}#signUpSubmit:hover{background-color:#e1c731;border-color:#e1c731}#duckImgSignUp{z-index:10;width:120px;height:auto;animation:3s ease-in-out infinite floatS;position:absolute;bottom:.1%;right:85%}#signUpError{color:red}@keyframes floatS{0%{transform:scaleX(-1)translateY(0)}50%{transform:scaleX(-1)translateY(-10px)}to{transform:scaleX(-1)translateY(0)}}.verifyDiv{background-image:url(/assets/summer_background_47_a-DHg6i2dK.jpg);background-size:cover;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;margin:0;padding:0;display:flex}.verifyMain{box-sizing:border-box;background-color:#94d4ed;border:3px solid #fede2c;border-radius:12px;flex-direction:column;align-items:center;gap:20px;min-width:450px;max-width:550px;margin:0;padding:3% 6%;font-family:Fredoka,sans-serif;display:flex;box-shadow:0 8px 24px #0000001a}.verifyForm{flex-direction:column;width:100%;display:flex}#verifyTitle{color:#fede2c;text-shadow:0 0 8px #4a90e24d;font-size:3.5rem;font-weight:700}#verifyCode{box-sizing:border-box;border:3px solid #fff;border-radius:10px;width:100%;height:100%;padding:5%;font-family:Fredoka,sans-serif}#verifyCode:focus{border-color:#fed18c;outline:none;transition:border-color .3s;box-shadow:0 0 8px #4a90e24d}.verifyButtons{flex-direction:column;justify-content:center;align-items:center;display:flex}#verifySubmit{background-color:#fede2c;border:#fede2c;border-radius:5px;width:100%;height:100%;margin-top:15px;padding:10px;font-family:Fredoka,sans-serif;box-shadow:0 8px 24px #0000001a}#verifySubmit:hover{background-color:#e1c731;border-color:#e1c731}#duckImgVerify{z-index:10;width:120px;height:auto;animation:3s ease-in-out infinite float;position:absolute;bottom:.1%;right:5%}#verifyError{color:red}.dashDiv{box-sizing:border-box;background-image:url(/assets/summer_background_47_a-DHg6i2dK.jpg);background-size:cover;width:100%;min-height:100vh;padding:24px}#dashTitle{color:#fede2c;text-shadow:0 6px 12px #0000004d;text-align:center;margin-bottom:24px;font-family:Fredoka,sans-serif;font-size:40px}.statCards{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:32px;display:flex}.card{text-align:center;border-radius:12px;width:180px;padding:28px 24px;font-family:Fredoka,sans-serif;box-shadow:0 4px 6px #00000026}#spentCard{background-color:#87cfeb}#budgetCard{background-color:#fede2c}#remainingCard{background-color:#f4b8c8}#expensesCard{background-color:#fff}.cardLabel{margin-bottom:8px;font-size:16px;font-weight:700}.cardAmount{margin-bottom:8px;font-size:30px;font-weight:700}.cardSub{font-size:12px}.chartTitle{text-align:center;color:#fede2c;margin-bottom:16px;font-family:Fredoka,sans-serif;font-size:28px}.chartContainer{background-color:#fff;border:3px solid #fede2c;border-radius:12px;max-width:800px;margin:0 auto 32px;padding:24px;box-shadow:0 4px 6px #00000026}.chartMonthTitle{text-align:center;margin-bottom:8px;font-family:Fredoka,sans-serif;font-size:22px;font-weight:700}.pieChartsRow{flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:32px;display:flex}.pieChartContainer{background-color:#fff;border:3px solid #fede2c;border-radius:12px;flex:1;min-width:300px;max-width:515px;padding:24px;box-shadow:0 4px 6px #00000026}.dashFooter{justify-content:center;margin-bottom:32px;display:flex}#editBudgetBtn{cursor:pointer;background-color:#fede2c;border:none;border-radius:12px;padding:12px 32px;font-family:Fredoka,sans-serif;font-size:18px;box-shadow:0 4px 6px #00000026}#editBudgetBtn:hover{background-color:#e6cc00}.transactionsDiv{box-sizing:border-box;background-image:url(/assets/summer_background_47_a-DHg6i2dK.jpg);background-size:cover;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding-top:50px;display:flex}.wrapper{flex-direction:column;align-items:flex-start;width:80%;margin:0 auto;padding:0;display:flex}#transactionsTitle{color:#fede2c;text-shadow:0 0 8px #4a90e24d;text-align:left;font-family:Fredoka,sans-serif;font-size:3.5rem;font-weight:700}.transactionsMain{box-sizing:border-box;background-color:#fff;border:3px solid #fede2c;border-radius:5px;flex-direction:column;align-items:center;width:100%;padding:30px;font-family:Fredoka,sans-serif;display:flex}.topPanel{flex-direction:row;justify-content:space-between;gap:10px;width:100%;padding:0;display:flex}.topPanelBtns{gap:20px;display:flex}#filterBtn,#sortBtn{white-space:nowrap;box-sizing:border-box;background-color:#fede2c;border:2px solid #fede2c;border-radius:10px;width:auto;min-width:120px;height:45px;font-family:Fredoka,sans-serif;font-size:15px;box-shadow:0 8px 24px #0000001a}#filterBtn:hover,#sortBtn:hover{background-color:#e1c731;border:2px solid #e1c731}.filterContainer,.sortContainer{display:inline-block;position:relative}.filterDropdown,.sortDropdown{z-index:1000;background:#fff;border:2px solid #fede2c;border-radius:12px;width:180px;margin-top:5px;padding:5px 0;list-style:none;position:absolute;top:100%;left:0;box-shadow:0 4px 12px #0000001a}.filterDropdown li,.sortDropdown li{cursor:pointer;padding:5px 10px;font-size:14px}.filter-list li:hover,.sortDropdown li:hover{background-color:#fff9db}#clearFilter{white-space:nowrap;box-sizing:border-box;background-color:#fede2c;border:2px solid #fede2c;border-radius:3px;width:auto;min-width:40px;height:20px;font-family:Fredoka,sans-serif;font-size:10px;box-shadow:0 8px 24px #0000001a}#addTransBtn{white-space:nowrap;box-sizing:border-box;background-color:#f0becd;border:2px solid #f0becd;border-radius:10px;width:auto;min-width:150px;padding:2%;font-family:Fredoka,sans-serif;font-size:15px;box-shadow:0 8px 24px #0000001a}#addTransBtn:hover{background-color:#d5abb8;border:2px solid #d5abb8}.middlePanel{flex-direction:row;justify-content:space-between;width:100%;margin-top:10px;margin-bottom:10px;display:flex}#editBtn{white-space:nowrap;box-sizing:border-box;background-color:#fede2c;border:2px solid #fede2c;border-radius:10px;width:auto;min-width:90px;padding:5px;font-family:Fredoka,sans-serif;font-size:13px;box-shadow:0 8px 24px #0000001a}.transactionsList{border:1px solid #eee;border-radius:8px;width:100%;max-height:380px;overflow:hidden auto}.transactionsList::-webkit-scrollbar{width:8px}.transactionsList::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.transactionsList::-webkit-scrollbar-thumb{background:#6eaac2;border-radius:10px}.transactionsList::-webkit-scrollbar-thumb:hover{background:#e1c731}.transactions thead{z-index:10;background-color:#fff;position:sticky;top:0}.transactions{border-collapse:collapse;table-layout:fixed;border:3px solid #000;border-radius:5px;width:100%;position:relative}.transactions tr{border:1px solid #000}.transactions tbody td{vertical-align:middle;border-bottom:2px solid #767676;padding:15px 10px}.transactions tbody tr:last-child td{border-bottom:none}.transactions tr th{text-align:left;color:#6eaac2;padding:15px 25px;font-size:30px}.transactions tr td{vertical-align:middle;padding:15px 25px;font-size:20px}#btnTrans{width:22px}#editBtnT,#deleteBtnT{background-color:#0000;border:none;padding:0 5px;display:inline-block;position:relative;right:-5px}#editIcon,#deleteIcon{width:20px;height:20px}#deleteIcon:hover,#editIcon:hover{filter:hue-rotate(350deg)brightness(.5)saturate(3)contrast(1.2);cursor:pointer}.transactions th:first-child,.transactions th:nth-child(2){width:20%}.transactions th:nth-child(3){width:35%}.transactions th:nth-child(4){width:15%}.transactions th:nth-child(5){text-align:center;width:10%;padding:15px}*{margin:0}.budgetDiv{box-sizing:border-box;background-image:url(/assets/summer_background_47_a-DHg6i2dK.jpg);background-size:cover;min-height:100vh;padding:24px}#budgetTitle{color:#fede2c;text-shadow:0 6px 12px #0000004d;margin-bottom:24px;font-family:Fredoka,sans-serif;font-size:40px}.budgetTableContainer{background-color:#fff;border:3px solid #fede2c;border-radius:12px;padding:24px}.tableHeader{justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px;font-family:Fredoka,sans-serif;font-size:18px;display:flex}.tableHeaderLeft{align-items:center;gap:16px;font-size:18px;display:flex}.tableHeader h2{font-weight:400}#budgetCat{cursor:pointer;background-color:#fede2c;border:none;border-radius:8px;padding:8px 16px;font-family:Fredoka,sans-serif;font-size:14px;box-shadow:0 4px 6px #00000026}#budgetTable{border-collapse:collapse;border:2px solid #000;width:100%;font-family:Fredoka,sans-serif}#budgetTable th{text-align:center;background-color:#87cfeb;border:1px solid #000;padding:12px;font-weight:400}#budgetTable td{text-align:center;border:1px solid #000;padding:16px 12px;font-weight:400}#budgetTable tfoot td{background-color:#87cfeb;font-weight:400}.editBtnBudg,.deleteBtnBudg{cursor:pointer;background:0 0;border:none;margin:0 4px;padding:2px}#editIcon,#deleteIcon{width:20px;height:20px;display:block}#editIcon{filter:invert(72%)sepia(21%)saturate(769%)hue-rotate(151deg)brightness(87%)contrast(85%)}#deleteIcon{filter:invert(27%)sepia(51%)saturate(2878%)hue-rotate(346deg)brightness(104%)contrast(97%)}#editModeBtn{cursor:pointer;background-color:#87cfeb;border:none;border-radius:8px;padding:8px 16px;font-family:Fredoka,sans-serif;font-size:14px}#doneModeBtn{color:#fff;cursor:pointer;background-color:#ff6b6b;border:none;border-radius:8px;padding:8px 16px;font-family:Fredoka,sans-serif}#editModeBtn:hover{background-color:#6bbedd}#doneModeBtn:hover{background-color:#dd6b6b}#budgetForm{background-color:#fff;border:3px solid #fede2c;border-radius:12px;flex-direction:column;justify-content:center;gap:12px;width:400px;min-height:250px;padding:40px;display:flex;position:relative;box-shadow:0 10px 25px #0000004d}#budgetForm h2{margin-bottom:8px;font-family:Fredoka,sans-serif;font-size:24px}#budgetForm input{box-sizing:border-box;background-color:#f9f9f9;border:2px solid #ddd;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:Fredoka,sans-serif;font-size:15px}#budgetForm input:focus{background-color:#fff;border-color:#fede2c}#closeBtn{cursor:pointer;background:0 0;border:none;font-size:18px;position:absolute;top:12px;right:12px;box-shadow:0 4px 6px #00000026}#saveBtn{cursor:pointer;background-color:#fede2c;border:none;border-radius:8px;align-self:center;width:150px;padding:10px;font-family:Fredoka,sans-serif;font-size:16px;box-shadow:0 4px 6px #00000026}.popup{z-index:999;background-color:#00000080;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;font-family:Fredoka,sans-serif;display:flex;position:fixed;top:0;left:0}