:root{--primary: #050A30;--secondary: #000C66;--accent: #0000FF;--background: #7EC8E3}body{overflow-x:hidden}*{margin:0;padding:0;border:none;font-family:Poppins,sans-serif}.navbar{width:100%;background-color:var(--primary);display:flex;padding:10px;align-items:bottom;justify-content:space-between;align-items:center}.logo{width:100px;color:#fff;font-size:1.5rem;padding:8px;margin-left:2rem;cursor:pointer}.container{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,var(--primary),var(--secondary))}.card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 0 10px #0000001a;width:350px;text-align:center}h2{color:var(--primary)}.input-group{margin-bottom:15px;text-align:left}label{display:block;margin-bottom:5px;color:var(--secondary)}input{width:95%;padding:8px;border:1px solid var(--secondary);border-radius:4px}.btn{width:100%;padding:10px;background:var(--primary);color:#fff;border:none;border-radius:4px;cursor:pointer}.btn:hover{background:var(--secondary)}.register-text{margin-top:10px}.link{background:none;border:none;color:var(--accent);cursor:pointer}.link:hover{text-decoration:underline}.nav-links a{margin-right:10px;text-decoration:none;color:#fff}.logout-btn{background-color:var(--accent);border:none;padding:5px 10px;color:#fff;cursor:pointer;border-radius:4px;margin-right:40px}.logout-btn:hover{background-color:var(--secondary)}.dashboard-container{text-align:center;padding:20px}.cards-container{display:flex;justify-content:center;gap:20px;margin-top:20px}.card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 0 10px #0000001a;width:300px;text-align:center}h3{color:var(--primary)}p{font-size:18px;font-weight:700;color:var(--secondary)}button{margin-top:10px;padding:8px 12px;border:none;background:var(--accent);color:#fff;cursor:pointer;border-radius:4px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.modal{background:#fff;padding:20px;border-radius:8px;width:300px;box-shadow:0 0 10px #0000001a;text-align:center}.input-group{margin-bottom:10px;text-align:left}label{display:block;font-size:14px;margin-bottom:5px}input,select{width:95%;padding:8px;border:1px solid var(--secondary);border-radius:4px}.modal-buttons{display:flex;justify-content:space-between}button{padding:8px 12px;border:none;background:var(--accent);color:#fff;cursor:pointer;border-radius:4px}button:hover{background:var(--secondary)}.error{color:red;font-weight:300}.modal-buttons{display:flex;justify-content:space-around;align-items:center;width:50%;margin:auto}.profile-button{margin-right:50px;border-radius:50%}.profile-button:hover{background-color:var(--secondary)}.profile-container{width:400px;margin:50px auto;padding:20px;background:#fff;box-shadow:0 4px 8px #0000001a;border-radius:10px;text-align:center}.profile-container h2{margin-bottom:20px;font-size:24px}.profile-container label{display:block;text-align:left;margin:10px 0 5px;font-weight:700}.profile-container input{width:95%;padding:8px;border:1px solid #ccc;border-radius:5px;font-size:16px}.profile-container .error{color:red;margin-bottom:10px}.profile-container button{margin-top:20px;width:100%;padding:10px;background:#007bff;color:#fff;font-size:16px;border:none;border-radius:5px;cursor:pointer}.profile-container button:hover{background:#0056b3}.transaction-table{width:100%;border-collapse:collapse;margin-top:20px}.transaction-table th,.transaction-table td{border:1px solid #ddd;padding:10px;text-align:left}.transaction-table th{background-color:#f4f4f4}.sort-buttons,.filter-section{margin-bottom:10px}.sort-buttons button{margin-right:5px;padding:8px 12px;border:none;cursor:pointer}.sort-buttons button.active{background-color:#007bff;color:#fff}.filter-section select{margin-left:10px;padding:5px}.my-transactions{margin-top:2rem}.charts-container{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:20px 0}.chart{width:48%;padding:20px;background:#f9f9f9;border-radius:10px;box-shadow:0 4px 6px #0000001a}.logout-container{position:absolute;right:50px;top:100px}.delete-button{background-color:red}.charts-section{margin-top:4rem}.home-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,var(--primary),var(--secondary));text-align:center;color:#fff;font-family:Poppins,sans-serif}h1{font-size:3rem;font-weight:700;margin-bottom:10px}.home-container p{font-size:1.2rem;opacity:.8;color:#fff}.button-group{margin-top:30px;display:flex;gap:20px}.btn{background:var(--accent);color:#fff;border:none;padding:12px 25px;font-size:18px;font-weight:600;cursor:pointer;border-radius:30px;transition:all .3s ease-in-out;box-shadow:0 4px 10px #0003}.btn:hover{background:#0056b3;transform:translateY(-3px);box-shadow:0 6px 15px #0000004d}.chart-wrapper{width:50%}@media (max-width: 768px){h1{font-size:2.5rem}.charts-container{flex-direction:column;margin-top:50px;gap:50px}.chart-wrapper{width:90%}.btn{padding:10px 20px;font-size:16px}.task-container{width:100%}}.nav-button{margin-right:1rem}.about-container{text-align:center;padding:10px 20px 60px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;font-family:Poppins,sans-serif;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.about-container h1{font-size:3rem;font-weight:700;margin-bottom:15px;animation:fadeIn 1s ease-in-out}.about-container p{font-size:1.2rem;max-width:600px;margin:0 auto 30px;opacity:.9;animation:fadeIn 1.5s ease-in-out}.features-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;max-width:800px;margin-top:30px}.feature-card{background:#fff;color:var(--primary);padding:20px;border-radius:10px;box-shadow:0 4px 10px #0003;text-align:center;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.feature-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #0000004d}.feature-card h3{font-size:1.4rem;margin-bottom:10px}.feature-card p{font-size:1rem;opacity:.8}.back-btn{margin-top:30px;padding:12px 24px;font-size:16px;background-color:var(--accent);color:#fff;border:none;cursor:pointer;border-radius:8px;transition:background .3s ease-in-out}.back-btn:hover{background-color:var(--secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.about-container{width:100%;padding:20px}.about-container h1{font-size:2.2rem}.about-container p{font-size:1rem;padding:0 10px}.features-section{grid-template-columns:1fr;max-width:100%}.feature-card{padding:15px}.back-btn{width:100%;font-size:14px;padding:10px 0}.navbar,.footer{width:100%}}@media (max-width: 480px){.about-container h1{font-size:1.8rem}.about-container p{font-size:.95rem}.feature-card h3{font-size:1.2rem}.feature-card p{font-size:.9rem}}.about-description{color:#fff}.footer{background:var(--primary);color:#fff;padding:20px 0;text-align:center;font-family:Poppins,sans-serif;position:relative;bottom:0;width:100vw}.footer-links{margin-bottom:15px}.footer-links button{background:none;border:none;color:#fff;font-size:16px;margin:0 10px;cursor:pointer;transition:color .3s ease-in-out}.footer-links button:hover{color:var(--accent)}.social-icons{display:flex;justify-content:center;gap:15px;margin-bottom:10px}.social-icons a{color:#fff;font-size:20px;transition:color .3s ease-in-out}.social-icons a:hover{color:var(--accent)}.copyright{font-size:14px;opacity:.8;color:#fff}.my-transactions{margin-top:70px;margin-bottom:50px;padding-bottom:30px}.transaction-table{width:100%;border-collapse:collapse;margin-top:1rem;font-family:Segoe UI,sans-serif;font-size:.95rem}.transaction-table th,.transaction-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e0e0e0}.transaction-table th{background-color:#f9f9f9;font-weight:600;color:#333}.income-row{background-color:#f0fff4}.expense-row{background-color:#fff5f5}.category-label{padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:500;color:#fff;display:inline-block;text-transform:capitalize}.category-label.food{background-color:#f56565}.category-label.cloth{background-color:#667eea}.category-label.rent{background-color:#ed8936}.category-label.others{background-color:#38a169}.delete-button{background-color:#e53e3e;color:#fff;padding:6px 14px;border:none;border-radius:5px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.delete-button:hover{background-color:#c53030}.transaction-table-container,.task-table-container{max-height:600px;overflow-y:auto}.transaction-table thead{position:sticky;top:0;background:#fff;z-index:1}.transaction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap}.transaction-buttons{display:flex;gap:10px}.transaction-buttons button,.import-label{padding:8px 16px;border:none;background-color:#2f80ed;color:#fff;border-radius:4px;cursor:pointer;font-weight:500}.transaction-buttons button:hover,.import-label:hover{background-color:#1366d6}.csv-buttons{display:flex;gap:12px;margin:20px 0}.btn{font-size:16px;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease}.blue-btn{background-color:#2d8bff;color:#fff;border:none;box-shadow:0 2px 6px #0000001a}.blue-btn:hover{background-color:#1877f2}.white-btn{background-color:#fff;color:#2d8bff;border:2px solid #2d8bff}.white-btn:hover{background-color:#f0f8ff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.modal{background:#fff;padding:20px;border-radius:10px;width:350px;display:flex;flex-direction:column;gap:10px}.modal-actions{display:flex;justify-content:space-between}.cancel{background:#ccc}.task-container{padding:20px;width:90%;margin:20px auto auto}.task-add-btn{margin-bottom:10px;background:#2c7be5;color:#fff;border:none;padding:8px 14px;cursor:pointer;border-radius:4px}.task-table{width:100%;border-collapse:collapse}.task-table th,.task-table td{border:1px solid #ccc;padding:10px;text-align:left}.task-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.modal-content{background:#fff;padding:20px;border-radius:6px;width:400px;display:flex;flex-direction:column}.modal-content input,.modal-content textarea,.modal-content select{margin-bottom:10px;padding:8px}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.no-tasks{text-align:center;color:gray}.app-container{display:flex;flex-direction:column;min-height:100vh}footer{background-color:#f0f0f0;padding:1rem;text-align:center;width:100vw}.content{flex:1}.modal-content textarea{border:1px solid var(--secondary);border-radius:5px}.actions-btn{margin-right:5px;background-color:var(--accent)}.actions-btn:hover{background-color:var(--secondary)}.default-row{background-color:#fff}.completed-row{background-color:#d4edda;color:#155724}.inprogress-row{background-color:#fff3cd;color:#856404}.overdue-row{background-color:#f8d7da;color:#721c24}.flex-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}