body{background-color:#f3f5f5;font-family:sans-serif}.dashboard-title{text-align:center;font-size:2rem;margin:30px 15px;font-family:sans-serif}.dashboard-content{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-bottom:40px}.balance{display:flex;align-items:center;gap:10px;background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 10px #0000000d;min-width:260px}.balance-icon{display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;padding:12px}.balance-view h3{margin:0;font-size:1.3rem;font-family:sans-serif;color:#333}.dashboard-interface{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:20px}.dashboard-interface>div{background:#fff;border-radius:12px;box-shadow:0 4px 8px #0000001a;padding:20px}.rt-flow-card{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:15px 18px;border-radius:12px;margin-bottom:5px;box-shadow:0 3px 6px #00000014;transition:transform .2s ease,box-shadow .2s ease}.rt-flow-card:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0000001f}.rt-icon{font-size:2rem;background-color:#e9e5e5;border-radius:50%;padding:5px;align-items:center}.rt-source{flex:1;margin-left:30px}.rt-source p{margin:0;font-size:1.2rem}.rt-source p:first-child{font-weight:700;color:#333;font-family:sans-serif}.rt-source p:last-child{font-size:.8rem;color:#8d8c8c;font-weight:700;font-family:sans-serif}.rt-expense-amount{font-weight:700;font-family:sans-serif;color:red;font-size:1rem;background-color:#f8d9d9;padding:5px 15px 5px 10px;border-radius:5px}.rt-income-amount{font-weight:700;font-family:sans-serif;color:green;font-size:1rem;background-color:#d9f8e5;padding:5px 15px 5px 10px;border-radius:5px}.overview-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 8px #0000001a}.overview-card h3{margin-bottom:25px}.chart{display:flex;justify-content:center;align-items:center;min-height:400px}@media (max-width: 1024px){.dashboard-content{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width: 768px){.dashboard-title{font-size:1.5rem;margin:20px 10px}.dashboard-content{flex-direction:column;align-items:center;gap:15px}.balance{min-width:90%;justify-content:center}.dashboard-interface{grid-template-columns:1fr;padding:10px}}@media (max-width: 480px){.balance-view h3{font-size:1rem;text-align:center}.rt-source{margin-left:10px}}.income-chart{padding:50px;max-width:90%;height:600px;background-color:#fff;margin:auto;border-radius:25px}.income-form{position:fixed;background-color:#fff;width:600px;max-width:95%;padding:30px;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid #ddd;border-radius:15px;z-index:100;box-shadow:0 10px 25px #0003;animation:fadeIn .3s ease-in-out}.income-form-title{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #eee;margin-bottom:20px}.income-form-title h2{margin:0;font-size:1.5rem}.income-form-title h3{color:red;cursor:pointer;font-size:1.3rem;margin:0}.income-form form{display:flex;flex-direction:column;gap:15px}.income-form form label{font-size:1rem;font-weight:500}.income-form form input{border:1px solid #ccc;height:40px;border-radius:8px;font-size:1rem;padding:0 10px;transition:border .2s}.income-button{height:45px;background:linear-gradient(90deg,#a64bf4,#6c63ff);color:#fff;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:transform .2s ease}.income-form form button:hover{transform:translateY(-2px)}.income-nav{margin:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.income-nav button{border:none;background:linear-gradient(90deg,#a64bf4,#6c63ff);color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;height:40px;font-size:1rem}.income-flow{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:50px;width:90%;margin:30px auto;background-color:#fff;border-radius:25px}.flow-card{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-radius:12px;box-shadow:0 3px 6px #00000014;background:#fff;transition:transform .2s ease,box-shadow .2s ease}.flow-card:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0000001f}.flow-icon{font-size:2rem;background-color:#f5f5f5;border-radius:50%;padding:5px}.flow-source{flex:1;margin-left:20px}.flow-source p{margin:0}.flow-source p:first-child{font-weight:700}.flow-source p:last-child{font-size:.8rem;color:#777}.flow-amount{font-weight:700;color:green;font-size:1rem;background-color:#d9f8e5;padding:5px 12px;border-radius:5px}.flow-delete button{color:red;font-size:1.5rem;cursor:pointer;background:none;border:none;opacity:0;transition:opacity .3s ease}.flow-card:hover .flow-delete button{opacity:1}@media (max-width: 1024px){.income-flow{grid-template-columns:1fr 1fr;padding:30px}.income-chart{height:auto;padding:30px}.income-form{width:500px;padding:25px}}@media (max-width: 768px){.income-flow{grid-template-columns:1fr;gap:15px}.income-nav{flex-direction:column;align-items:flex-start}.income-form{width:90%;padding:20px}.income-chart{width:95%;padding:20px;height:400px}}@media (max-width: 480px){.income-form{width:85%;padding:15px}.income-form-title h2{font-size:1.2rem}.income-form form input,.income-form form button{font-size:.9rem;height:38px}.income-chart{width:95%;padding:20px;height:300px}}.expense-chart{padding:50px;max-width:90%;height:600px;background-color:#fff;margin:auto;border-radius:25px}.expense-form{position:fixed;background-color:#fff;width:600px;max-width:95%;padding:30px;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid #ddd;border-radius:15px;z-index:100;box-shadow:0 10px 25px #0003;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.expense-nav{margin:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.expense-nav button{border:none;background:linear-gradient(90deg,#a64bf4,#6c63ff);color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;height:40px;font-size:1rem}.expense-form-title{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #eee;margin-bottom:20px}.expense-form-title h3{color:red;cursor:pointer;font-size:1.3rem;margin:0}.expense-form form{display:flex;flex-direction:column;gap:15px}.expense-form form label{font-size:1rem;font-weight:500}.expense-form form input{border:1px solid #ccc;height:40px;border-radius:8px;font-size:1rem;padding:0 10px;transition:border .2s}.exxpense-form form input:focus{border-color:#a64bf4;outline:none}.expense-form form select{padding:10px;border-radius:8px;border:1px solid #ccc;font-size:1rem;color:#333;cursor:pointer;width:100%;transition:border .2s}select option{background-color:#fff}.expense-button{height:45px;background:linear-gradient(90deg,#a64bf4,#6c63ff);color:#fff;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:transform .2s ease}.expense-form form button:hover{transform:translateY(-2px)}.expense-flow{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:50px;width:90%;margin:30px auto;background-color:#fff;border-radius:25px}.expense-flow-card{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-radius:12px;box-shadow:0 3px 6px #00000014;background:#fff;transition:transform .2s ease,box-shadow .2s ease}.expense-flow-card:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0000001f}.expense-flow-icon{font-size:2rem;background-color:#f5f5f5;border-radius:50%;padding:5px}.expense-flow-source{flex:1;margin-left:20px}.expense-flow-source p{margin:0}.expense-flow-source p:first-child{font-weight:700;color:#333}.expense-flow-source p:last-child{font-size:.8rem;color:#8d8b8b}.expense-flow-amount{font-weight:700;color:red;font-size:1rem;background-color:#fac8c8;padding:5px 12px;border-radius:5px}.expense-flow-delete button{color:red;font-size:1.5rem;cursor:pointer;background:none;border:none;opacity:0;transition:opacity .3s ease}.expense-flow-card:hover .expense-flow-delete button{opacity:1}@media (max-width: 1024px){.expense-flow{grid-template-columns:1fr 1fr;padding:30px}.expense-chart{height:auto;padding:30px}.expense-form{width:500px;padding:25px}}@media (max-width: 768px){.expense-flow{grid-template-columns:1fr;gap:15px}.expense-nav{flex-direction:column;align-items:flex-start}.expense-form{width:90%;padding:20px}.expense-chart{width:95%;padding:20px;height:300px}}@media (max-width: 480px){.expense-form{width:85%;padding:15px}.expense-form-title h2{font-size:1.2rem}.expense-form form input,.expense-form form button{font-size:.9rem;height:38px}.expense-chart{width:95%;padding:20px;height:200px}}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(120deg,#9d54eb,#8925fc);font-family:Poppins,sans-serif;animation:fadeIn 1.2s ease-in-out}.login-card{background:#fff;padding:2.5rem;border-radius:15px;box-shadow:0 10px 30px #00000026;width:350px;text-align:center;animation:slideUp 1.2s ease-out}.login-card h2{color:#333;margin-bottom:.5rem}.login-subtitle{color:#666;font-size:.9rem;margin-bottom:1.5rem}.login-card form{display:flex;flex-direction:column}.login-card form label{text-align:left;font-weight:500;margin-bottom:5px;color:#333}.login-card form input{padding:.8rem;border:1px solid #ccc;border-radius:8px;margin-bottom:1.2rem;outline:none;transition:.3s}.login-card form input:focus{border-color:#2575fc;box-shadow:0 0 8px #2575fc4d}.login-btn{background:linear-gradient(90deg,#6a11cb,#2575fc);color:#fff;border:none;padding:.8rem;border-radius:8px;font-size:1rem;cursor:pointer;transition:transform .2s,background .3s}.login-btn:hover{transform:translateY(-2px);background:linear-gradient(90deg,#2575fc,#6a11cb)}.signup-link{margin-top:1.5rem;font-size:.9rem}.signup-link a{color:#2575fc;text-decoration:none;font-weight:600}.signup-link a:hover{text-decoration:underline}@media (max-width: 480px){.login-card{width:80%;padding:2rem}}.sidebar{width:100%;background:#fff;color:#000;padding:40px;height:100%;border-radius:5px;position:relative;box-shadow:0 4px 15px #00000014}.close-btn{display:none;position:absolute;right:15px;top:15px;cursor:pointer;color:#444}.profile{display:flex;flex-direction:column;align-items:center;margin-bottom:25px}.profile img{width:80px;height:80px;border-radius:50%;border:3px solid #a64bf4;object-fit:cover;margin-bottom:10px}.profile h3{font-size:1.2rem;font-weight:600;margin:0;color:#333}.sidebar ul{list-style:none;padding:0}.sidebar li{margin:15px 0;text-align:center}.sidebar a{color:#000;text-decoration:none;font-size:1rem;padding:10px 15px;display:block;border-radius:6px;transition:background .2s ease,color .2s ease;font-family:sans-serif}.sidebar a:hover{background:#6c63ff1a}.active-link{background:linear-gradient(90deg,#a64bf4,#6c63ff);color:#fff!important;border-radius:6px}.logout{display:flex;justify-content:center;align-items:center;margin-top:20px}.logout button{border:none;background-color:#ff4d4d;color:#fff;padding:10px 20px;font-size:16px;font-weight:700;border-radius:8px;cursor:pointer;box-shadow:0 4px 8px #f003;transition:all .3s ease}.logout button:hover{background-color:#e60000;transform:translateY(-2px);box-shadow:0 6px 12px #ff00004d}.logout button:active{transform:translateY(1px);box-shadow:0 3px 6px #f003}@media (max-width: 768px){.close-btn{display:block}.sidebar{padding:15px}.profile img{width:65px;height:65px}.profile h3{font-size:1rem}}.layout{display:flex;flex-direction:column;min-height:100vh}.navbar{position:fixed;top:0;left:0;height:80px;background-color:#fff;width:100%;border-bottom:1px solid #ccc;display:flex;align-items:center;padding:0 20px;z-index:1000}.menu-icon{display:none;cursor:pointer;margin-right:10px}.main{display:flex;margin-top:80px}.sidebar-main{position:fixed;top:80px;left:0;width:220px;height:calc(100vh - 80px);background-color:#f4f4f4;padding:20px;box-sizing:border-box;transition:transform .3s ease}.content{flex:1;padding:20px;margin-left:240px;min-height:calc(100vh - 80px)}@media (max-width: 768px){.menu-icon{display:block}.sidebar-main{transform:translate(-150%);z-index:2000}.sidebar-main.show{transform:translate(0)}.content{margin-left:0;padding:15px}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.home{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(270deg,#a64bf4,#d363ff,#4e1c91);background-size:600% 600%;animation:gradientShift 10s ease infinite;color:#fff;font-family:Poppins,sans-serif}.home-header{text-align:center;padding:20px;font-size:1.8rem;font-weight:700}.hero{flex:1;display:flex;align-items:center;justify-content:space-around;padding:50px;flex-wrap:wrap;animation:fadeIn 1.5s ease-in-out}.hero-content{max-width:500px}.hero-content h2{font-size:2.5rem;animation:slideDown 1s ease forwards}.hero-content p{font-size:1.2rem;margin:20px 0;animation:slideLeft 1.2s ease forwards}.hero-buttons{display:flex;gap:15px;margin-top:20px}.btn{padding:12px 20px;border-radius:8px;text-decoration:none;font-weight:700;transition:transform .3s,box-shadow .3s}.btn-login{background:#fff;color:#6c63ff}.btn-signup{background:#ff6b6b;color:#fff}.btn:hover{transform:scale(1.05);box-shadow:0 8px 20px #0000004d}.hero-image img{width:300px;animation:float 3s ease-in-out infinite}.home-footer{text-align:center;padding:15px;background:#0003}.social-links a{margin:0 10px;color:#fff;text-decoration:underline}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideLeft{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.signup-container{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(120deg,#9d54eb,#8925fc);font-family:Poppins,sans-serif;animation:fadeIn 1.2s ease-in-out}.signup-card{background:#fff;padding:2.5rem;border-radius:15px;box-shadow:0 10px 30px #00000026;width:350px;text-align:center;animation:slideUp 1.2s ease-out}.signup-card h2{color:#333;margin-bottom:.5rem}.signup-card form{display:flex;flex-direction:column}.signup-card form label{text-align:left;font-weight:500;margin-bottom:5px;color:#333}.signup-card form input{padding:.8rem;border:1px solid #ccc;border-radius:8px;margin-bottom:1.2rem;outline:none;transition:.3s}.signup-card form input:focus{border-color:#2575fc;box-shadow:0 0 8px #2575fc4d}.error{background:#ff00001a;color:#ff6b6b;padding:8px;margin-top:10px;text-align:center;border-radius:6px}.signup-card button{width:100%;padding:12px;margin-top:15px;background:linear-gradient(to right,#6a11cb,#2575fc);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:.3s ease}.signup-card button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #2575fc80}.signup-card button:disabled{background:gray;cursor:not-allowed}.login-link{text-align:center;margin-top:15px}.login-link a{color:#2575fc;font-weight:700;text-decoration:none}.login-link a:hover{text-decoration:underline}.home-link a{color:#00f;font-weight:700}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 480px){.signup-card{width:80%;padding:2rem}}