.navBar{position:fixed;top:0;background-color:#0f766e;color:#f9fafb;width:100%;height:70px;z-index:1000;font-size:15px;display:flex;align-items:center;padding:0 18px}.nav{list-style-type:none;margin:0;padding:0;display:flex;align-items:center;height:100%}.nav li{display:flex;align-items:center;justify-content:center;min-width:100px;height:100%}.nav li a{display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;width:100%;height:100%;padding:12px 17px;text-decoration:none;transition:background-color .8s ease;gap:.4rem}.nav li a:hover{background-color:#115e59}.brand{font-size:1.25rem;font-weight:700;color:#f9fafb;text-decoration:none;cursor:pointer;margin-right:30px}.brand a{color:inherit;text-decoration:none}.user{margin-left:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.user a{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8px;color:#f9fafb;text-decoration:none}.user img{width:40px;height:40px;object-fit:contain;border-radius:50%;margin-bottom:6px}.user span{font-size:.9rem}.nav li a.active{background-color:#124643;font-weight:700}@media(max-width:900px){.navBar{flex-wrap:wrap;height:auto;padding:.5rem 1rem .75rem;gap:.5rem}.brand{margin-right:0}.nav{flex:1 1 100%;order:3;justify-content:space-around}.nav li{min-width:auto;flex:1 1 auto}.user{order:2;flex-direction:row;gap:.5rem}}@media(max-width:600px){.nav{flex-wrap:wrap;row-gap:.25rem}.nav li a{padding:10px 8px;font-size:.8rem}.user span{font-size:.7rem}.navBar{font-size:13px}}body{padding-top:70px}@media(max-width:900px){body{padding-top:auto}}.iconButton.signOut{background-color:#0f766e;color:#f9fafb;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.iconButton.signOut:hover{background-color:#115e59}.layout{display:flex;flex-direction:column;min-height:100vh}.mainLayout{flex:1;padding:2rem;background-color:#f9fafb;flex-direction:column;align-items:center;width:100%;max-width:1200px;margin:100px auto 0;box-sizing:border-box}@media(max-width:900px){.mainLayout{padding:1.25rem 1rem;margin-top:85px}}@media(max-width:600px){.mainLayout{padding:1rem .75rem}}.dashboardHeading,.reportHeading{text-align:left;font-size:30px;font-weight:780}.dashboardDescp,.reportDescp{text-align:left;font-size:15px;color:gray;font-weight:500}.summaryContainer{margin:2rem auto}.summaryHeading{font-weight:550;font-size:22px}.summaryDescp{text-align:left;font-size:15px;color:gray;font-weight:500}.summaryBoxes{display:flex;justify-content:center;align-items:center;gap:3rem;flex-wrap:wrap}.incomeBox,.expenseBox,.balanceBox{display:flex;flex-direction:column;border:2px solid black;padding:12px 23px;border-radius:13px;flex:1 1 280px;min-width:280px;max-width:320px}.incomeBox>p,.expenseBox>p,.balanceBox>p{color:#827979;font-size:16px;font-weight:550}.incomeBox>h3,.expenseBox>h3,.balanceBox>h3{font-weight:560;font-size:23px}.pieChart{display:flex;justify-content:center;align-items:center;margin:0 auto;padding:1rem;gap:1rem;min-width:100%;flex-wrap:wrap}.recentChartContainer{margin:2rem auto;padding:1.5rem;max-width:400px;background-color:#fff;border-radius:20px;box-shadow:0 4px 12px #0000001a;text-align:center}.chartContainer{margin:2rem auto;padding:2rem;width:100%;max-width:900px;box-shadow:0 4px 12px #0000001a;background-color:#fff;border-radius:20px;text-align:center}.view{display:flex;justify-content:end;margin-right:3rem}.viewTransaction{padding:.75rem 1rem;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;border:none;border-radius:12px;font-size:1rem;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.viewTransaction:hover{background:linear-gradient(135deg,#6366f1,#3b82f6);transform:scale(1.03)}.viewTransaction:focus{outline:2px solid #334155;outline-offset:2px}@media(max-width:768px){.summaryBoxes,.pieChart{flex-direction:column;gap:1.5rem}.viewTransaction{width:100%;max-width:250px}}@media(max-width:560px){.dashboardHeading{font-size:24px}.dashboardDescp{font-size:13px}.recentChartContainer,.chartContainer{padding:1rem}.incomeBox,.expenseBox,.balanceBox{flex:1 1 100%;max-width:100%}.view{justify-content:center;margin-right:0}}@media(max-width:400px){.summaryBoxes{gap:1rem}.incomeBox>h3,.expenseBox>h3,.balanceBox>h3{font-size:18px}.incomeBox>p,.expenseBox>p,.balanceBox>p{font-size:14px}}table{border-collapse:collapse;width:100%;table-layout:fixed;border:1px solid grey}.transCard{width:100%;overflow-x:auto;padding:1rem;max-width:100%;box-sizing:border-box}.list{margin:10px 25px;padding:1rem}.listHeading{text-align:left;font-size:30px;font-weight:780}.listDescription{text-align:left;font-size:15px;color:gray;font-weight:500}th{padding:13px 12px}td{padding:20px 12px}th,td{border-left:none;border-right:none;text-align:left;word-wrap:break-word}thead th{background-color:#f0f0f0;border-bottom:1px solid grey}tbody tr{border-bottom:1px solid grey}.moneyTypeList{border-radius:4px;margin:20px 12px;display:inline-block;color:#fff;padding:10px;width:130px;text-align:center}.incomeClass{background-color:#15803d}.expenseClass{background-color:#dc2626}.combinedChartsContainer{display:flex;justify-content:center;align-items:center;text-align:center;gap:1rem;flex-wrap:nowrap;max-width:600px;margin:0 auto}.combinedChartsContainer>*{flex:1 1 380px;max-width:380px}@media(max-width:640px){.filterSection{display:flex;flex-direction:column;gap:1rem}}.searchBox input[type=search]{width:100%;border:none;border-radius:13px;padding:12px 25px;box-shadow:0 4px 12px #0000001a;font-size:16px;background-color:#fff;border:2px solid #ccc}.searchBox input[type=search]:hover{cursor:pointer}.searchBox input[type=search]:focus{outline:none;border-color:#14b89c;box-shadow:0 0 5px #14b89c}.chartMessage{display:flex;justify-content:center;align-items:center;font-size:26px;font-weight:600}.editButton button{background-color:#c54459;color:#fff;width:100%;max-width:140px;min-width:100px;border:none;padding:12px 19px;border-radius:26px;transition:all .3s ease-in}.editButton :hover{transform:scale(1.1);filter:brightness(1.2)}.overlayContainer{position:fixed;top:0;left:0;z-index:1000;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.overlayForm{border-radius:14px;max-width:600px;width:90%;padding:2rem}.transCard{overflow-x:auto;padding:1rem;max-width:100%;box-sizing:border-box}table{width:100%;border-collapse:collapse;table-layout:auto}@media(max-width:800px){.combinedChartsContainer{flex-wrap:wrap}}@media(max-width:640px){th,td{padding:12px 8px}.moneyTypeList{width:100px;padding:6px;margin:8px 4px}.listHeading{font-size:24px}.listDescription{font-size:13px}.combinedChartsContainer>*{flex:1 1 100%;max-width:100%}}@media(max-width:480px){.searchBox input[type=search]{font-size:14px;padding:10px 16px}.editButton button{padding:10px 12px;min-width:unset;font-size:.75rem}}.filterSection{display:flex;flex-wrap:wrap;gap:1rem}@media(max-width:640px){.filterSection{flex-direction:column!important}}.transCard{overflow-x:scroll!important;padding:1rem}table{width:100%!important;table-layout:fixed}.addTransaction{min-width:600px;max-width:700px;margin:2rem auto;padding:2rem 2.5rem;background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column;gap:18px;font-family:Arial,sans-serif}.addTransaction label{font-weight:600;margin-bottom:6px;color:#333}.addTransaction input[type=number],.addTransaction input[type=date],.addTransaction select,.addTransaction textarea{border:1.5px solid #ccc;border-radius:10px;padding:10px 12px;font-size:1rem;width:100%;transition:border-color .3s ease;font-family:inherit}.addTransaction input[type=number]:focus,.addTransaction input[type=date]:focus,.addTransaction select:focus,.addTransaction textarea:focus{outline:none;border-color:#14b89c;box-shadow:0 0 5px #14b89c}.addTransaction fieldset{border:1.5px solid #ccc;border-radius:12px;padding:1rem 1.5rem;display:flex;gap:20px;align-items:center;justify-content:flex-start}.addTransaction fieldset legend{font-weight:700;padding:0 5px}.addTransaction fieldset label{font-weight:400;display:flex;align-items:center;gap:6px;cursor:pointer}.addTransaction fieldset input[type=radio]{transform:scale(1.2);cursor:pointer}.buttons{display:flex;gap:2rem}.addTransaction button{align-self:flex-start;background-color:#10b981;color:#fff;border:none;border-radius:12px;padding:12px 28px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:background-color .3s ease,transform .3s ease;display:flex;align-items:center;gap:6px}.addTransaction button:hover{background-color:#09aa8f;transform:scale(1.05)}.addTransaction .deleteButton{background-color:#ed3535}.addTransaction .deleteButton:hover{background-color:#e90707}.popup{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#0006;z-index:999}.popup .successMessage{background-color:#fff;padding:12px 23px;border-radius:8px;box-shadow:0 4px 20px #0000001a;text-align:center;max-width:450px;width:90%}@media(max-width:620px){.addTransaction{min-width:unset;padding:1.5rem;margin:1rem auto;width:90%;max-width:400px}}@media(max-width:420px){.addTransaction{padding:1.25rem 1rem;gap:14px}.addTransaction button{width:100%}.buttons{flex-direction:column;gap:.75rem}#transaction-form-title{font-size:24px}}#transaction-form-title{display:flex;justify-content:center;align-items:center;font-weight:800;font-size:28px}.reportContainer{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;gap:2rem;background-color:#f9fafb;min-height:100vh}.reportContainer>*{width:100%;max-width:100%}.reportTitle{font-size:1.8rem;font-weight:700;color:#333;margin-bottom:.5rem}.reportInnerContainer{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;box-shadow:0 0 4px #0000001a;padding:10px 25px;margin-bottom:30px;overflow-x:auto}.reportInnerContainer label{font-weight:600;color:#333;white-space:nowrap;margin-right:8px}.reportInnerContainer select,.reportInnerContainer input[type=date]{padding:6px 12px;border:1.5px solid #ccc;border-radius:13px;font-size:1rem;min-width:150px;transition:border-color .3s ease}.reportInnerContainer select:hover,.reportInnerContainer input:hover{cursor:pointer}.reportInnerContainer select:focus,.reportInnerContainer input:focus{border-color:#14b89c;box-shadow:0 0 4px #14b89c66;outline:none}@media(max-width:768px){.reportInnerContainer{flex-direction:column;align-items:stretch;gap:1.5rem}.dateRange,.reportTranscastionType,.reportCategory,.reportButtons{display:flex;flex-direction:column;align-items:stretch;width:100%;gap:.5rem}.reportInnerContainer label{margin-bottom:.5rem;white-space:normal;font-weight:600;color:#333}.reportInnerContainer select,.reportInnerContainer input[type=date]{width:100%;min-width:unset;box-sizing:border-box}.reportButtons{flex-direction:row;justify-content:center;gap:1rem;margin-top:1rem}.reportButtons button{flex:1;max-width:120px}}@media(max-width:560px){.reportButtons{width:100%;justify-content:center;margin-left:0}.reportButtons button{flex:1 1 auto;min-width:100px}.chartWrapper{padding:.5rem}}@media(max-width:420px){.reportTitle{font-size:1.4rem}.reportInnerContainer{gap:1rem;padding:1rem}.dateRange,.reportTranscastionType,.reportCategory{gap:.75rem}.reportInnerContainer label{white-space:normal;margin-bottom:.5rem;font-size:.9rem}.reportInnerContainer select,.reportInnerContainer input[type=date]{font-size:.9rem;padding:8px 12px}.reportButtons{flex-direction:column;gap:.75rem}.reportButtons button{font-size:.9rem;padding:.75rem 1rem;max-width:none}}.reportButtons{display:flex;gap:1rem;margin-left:auto}.reportButtons button{padding:.75rem 1.5rem;width:80px;height:40px;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:background-color .6s ease}.reportButtons .applyButton{background-color:#14b89c;color:#fff}.reportButtons .applyButton:hover{background-color:#1b9883}.reportButtons .clearButton{background-color:#d56c6c;color:#fff}.reportButtons .clearButton:hover{background-color:#cb3333}.chartWrapper{display:flex;align-items:center;justify-content:center;width:100%;max-width:900px;padding:1rem;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014}.dateRange{display:flex;align-items:center;gap:1rem}.reportTranscastionType,.reportCategory{display:flex;align-items:center;gap:.5rem}.Landingcontainer{display:flex;justify-content:center;align-items:center;flex-direction:column}.descriptionBox{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;background-image:url(/images/back.png);background-size:cover;background-repeat:no-repeat;background-position:center;padding:12px 20px;color:#fff;width:100%;max-width:920px;height:480px;border-radius:13px}.descriptionBox h2{font-weight:900;font-size:36px}#first{font-size:24px;font-weight:650}#second{font-weight:550}.startButton{background-color:#b2c9e5;border-radius:10px;padding:15px;font-weight:800;border:none;width:130px;height:63px;transition:all .3s ease-in;text-align:center}.startButton:hover{cursor:pointer;background-color:#96aac3;transform:scale(1.1)}.features{display:flex;justify-content:center;flex-direction:column;text-align:start}.featureCards{display:flex;justify-content:center;align-items:center;gap:2rem}.featureCard{border:2px solid #DEE0E3;padding:12px 20px;width:100%;max-width:350px;height:160px;border-radius:8px}.featureCard p{color:#6b7582}.howItWorks{text-align:center}.steps{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin-top:2rem}.step{background:#fff;border:2px solid #DEE0E3;padding:1.5rem;border-radius:8px;max-width:250px;box-shadow:0 2px 10px #0000000d}.step p{color:#6b7582}.features,.howItWorks{padding:3rem 2rem}.Action{background-color:#b2c9e5;color:#1a1a1a;padding:3rem 2rem;text-align:center;border-radius:12px;margin:2rem auto;width:80%}.Action h2{font-size:28px;font-weight:800}.Action p{margin:1rem 0;font-weight:600}.Action .startButton{background-color:#294c75;color:#fff;border:none;margin-top:1rem;padding:15px;border-radius:10px;font-weight:800;width:130px;height:48px}.Action .startButton:hover{background-color:#1e3c5d;cursor:pointer}.startButton:focus{outline:3px solid #4C8BF5;outline-offset:2px}.footer{padding:2rem 1rem;text-align:center;margin-top:4rem;border-top:1px solid #e0e0e0}.footer-content{max-width:1000px;margin:auto}.footer p{color:#6b7582;font-weight:500;margin-bottom:1rem}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:1.5rem}.footer-links a{color:#294c75;text-decoration:none;font-weight:600;transition:color .3s ease}.footer-links a:hover{color:#1e3c5d}@media(max-width:900px){.featureCards{flex-wrap:wrap}.featureCard{max-width:300px}.descriptionBox{height:auto;padding:60px 30px}}@media(max-width:640px){.descriptionBox h2{font-size:30px}#first{font-size:20px}.featureCards,.steps{gap:1.25rem}.Action{width:95%;padding:2.5rem 1.25rem}}@media(max-width:480px){.descriptionBox{padding:50px 20px}.featureCard{height:auto}.Action h2{font-size:22px}.startButton{width:110px;height:50px}}.container{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:100px}.signupForm{display:flex;justify-content:center;flex-direction:column;gap:1.5rem;background-color:#f9fafb;padding:2rem 3.5rem;box-shadow:0 4px 10px #0000001a;width:50%;max-width:400px;gap:1rem}.signupForm label{font-weight:600;margin-bottom:6px;color:#333}.signupForm input{border:1.5px solid #ccc;border-radius:10px;padding:10px 12px;font-size:1rem;width:100%;transition:border-color .3s ease;font-family:inherit}.signupForm input:focus{outline:none;border-color:#09aa8f;box-shadow:0 0 5px #09aa8f}.loginRedirect{margin-top:1rem;font-size:.9rem;text-align:center}.loginRedirect a{color:#4f46e5;text-decoration:underline}.privacyNote{font-size:.85rem;color:#6b7280;margin:1rem 0;text-align:center}.signupForm button{border-radius:8px;padding:.75rem;width:100%;background-color:#6366f1;color:#fff;transition:all .5s ease-in;cursor:pointer;border:none}.signupForm button:hover{transform:scale(1.1);background-color:#4f46e5}.error{color:#dc2626;font-size:.875rem;margin-top:.25rem;display:block}.successContainer{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:1000;width:100%;height:100%;background-color:#0006;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.successMessage{background-color:#fff;padding:12px 23px;border-radius:8px;box-shadow:0 4px 20px #0000001a;text-align:center;max-width:450px;width:90%}.successMessage h1{color:green}.successMessage p{font-weight:600}@media(max-width:600px){.signupForm{width:90%;padding:1.5rem 1rem;min-width:unset}}@media(max-width:420px){.container{margin:60px 0}.signupForm{padding:1.25rem .85rem}.signupForm button{font-size:.9rem}}.loginContainer{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:100px}.loginForm{display:flex;justify-content:center;flex-direction:column;gap:1.5rem;background-color:#f9fafb;padding:2rem 3.5rem;box-shadow:0 4px 10px #0000001a;width:60%;max-width:500px;transition:all .3s ease}.loginForm label{font-weight:600;color:#333}.loginForm input{border:1.5px solid #ccc;border-radius:10px;padding:10px 12px;font-size:1rem;width:100%;transition:border-color .3s ease;font-family:inherit}.loginForm input:focus{outline:none;border-color:#09aa8f;box-shadow:0 0 5px #09aa8f}.loginForm button{border-radius:8px;padding:.75rem;width:100%;background-color:#6366f1;color:#fff;transition:all .5s ease-in;cursor:pointer;border:none}.loginForm button:hover{transform:scale(1.05);background-color:#4f46e5}h2{font-size:1.5rem;margin-bottom:1.5rem;text-align:center;font-weight:550}.signup-link{margin-top:1rem;font-size:.9rem;text-align:center}.signup-link a{color:#4f46e5;text-decoration:underline}.error{color:#dc2626;font-size:.875rem;margin-top:-.5rem;margin-bottom:.5rem}@media(max-width:600px){.loginForm{width:95%;padding:1.5rem 1rem}}@media(max-width:420px){.loginContainer{margin:60px 0}.loginForm{padding:1.25rem .85rem}.loginForm button{font-size:.9rem}}.Access{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:100px}.Access h1{font-weight:800;font-size:38px;color:red}.Access p{font-weight:800;font-size:28px}.Access button{border:none;border-radius:12px;padding:.75rem;width:120px;background-color:#0ff;color:#c09090;font-size:19px;transition:all .3s ease-out}button:hover{transform:scale(1.1)}@media(max-width:600px){.Access{margin:70px 1rem}.Access h1{font-size:30px}.Access p{font-size:20px;text-align:center}}@media(max-width:420px){.Access{margin:50px .5rem}.Access button{width:100%;max-width:180px}}*{box-sizing:border-box}body{margin:0;font-family:sans-serif;background-color:#f9fafb}.spinner{display:flex;justify-content:center;align-items:center;padding:1.5rem}.spinner-circle{width:36px;height:36px;border:4px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skip-link{position:absolute;top:-40px;left:0;background:#2563eb;color:#fff;padding:8px 12px;text-decoration:none;z-index:1000}.skip-link:focus{top:0}