*{box-sizing:border-box;margin:0;padding:0}body{background:#f0f4f8;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:all .3s ease}.dark-mode{background:#1f2937;color:#f4f4f4}header{align-items:center;background:linear-gradient(90deg,#4b79a1,#283e51);border-radius:0 0 15px 15px;color:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;padding:20px 40px}header h2{font-size:1.8rem;font-weight:700}header button{background-color:coral;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-left:10px;padding:8px 16px;transition:all .3s ease}header button:hover{background-color:#ff5722}.container{padding:20px}.home-intro{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 10px 20px #0003;color:#fff;margin:30px auto;max-width:900px;padding:60px 20px;text-align:center}.home-intro h1{font-size:3rem;margin-bottom:20px}.home-intro p{font-size:1.3rem;line-height:1.8}.btn{background:linear-gradient(90deg,coral,#ff4500);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;margin:10px 5px;padding:12px 25px;transition:all .3s ease}.btn:hover{box-shadow:0 5px 15px #0000004d;transform:translateY(-3px)}form{background:#fff;border-radius:15px;box-shadow:0 8px 25px #00000026;margin:40px auto;max-width:400px;padding:30px 25px}form h2{color:#4b79a1;margin-bottom:25px;text-align:center}form input{border:1px solid #ccc;border-radius:8px;font-size:1rem;margin-bottom:20px;padding:12px;width:100%}form input:focus{border-color:#4b79a1;outline:none}footer{background:linear-gradient(90deg,#4b79a1,#283e51);border-radius:15px 15px 0 0;color:#fff;margin-top:50px;padding:20px;text-align:center}footer a{color:coral;text-decoration:underline}.admin-container{margin:40px auto;max-width:1200px;padding:20px}.admin-header{align-items:center;background:linear-gradient(90deg,#4b79a1,#283e51);border-radius:15px;color:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;padding:20px 30px}.admin-header h1{font-size:2rem}.logout-btn{background:coral;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.logout-btn:hover{background:#ff4500;box-shadow:0 5px 15px #0000004d;transform:translateY(-2px)}.admin-intro{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 8px 20px #0003;color:#fff;font-size:1.2rem;margin:20px 0;padding:25px 20px;text-align:center}.admin-stats{display:flex;justify-content:center;margin:20px 0}.admin-stats h2{background:linear-gradient(90deg,coral,#ff4500);border-radius:15px;box-shadow:0 8px 20px #0003;color:#fff;padding:15px 25px}.admin-user-list{margin:30px 0;overflow-x:auto}.admin-user-list h3{margin-bottom:15px}.user-table{border-collapse:collapse;border-radius:15px;box-shadow:0 8px 20px #0000001a;overflow:hidden;width:100%}.user-table td,.user-table th{padding:12px 15px;text-align:left}.user-table th{background:#4b79a1;color:#fff}.user-table tr:nth-child(2n){background:#f4f4f4}.user-table tr:hover{background:#dfe6fd}.admin-notes{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 8px 20px #0003;color:#fff;margin:30px 0;padding:20px}.admin-notes h3{margin-bottom:10px}.admin-notes ul{list-style-type:disc;padding-left:20px}@media (max-width:768px){.home-intro h1{font-size:2.2rem}.home-intro p{font-size:1rem}header{flex-direction:column;gap:10px}form,header{padding:20px}form{margin:20px}.admin-header{flex-direction:column;gap:10px;padding:20px}.admin-intro,.admin-notes,.admin-stats{margin:15px 10px;text-align:center}.user-table{font-size:.9rem}.logout-btn{padding:12px 0;width:100%}}.transactions-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.page-header h1{color:#333;margin:0}.btn-add-transaction{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:background-color .2s ease}.btn-add-transaction:hover{background-color:#0056b3;box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.card{border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:25px;transition:transform .2s ease}.card:hover{transform:translateY(-2px)}.card.balance{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.card.income{background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff}.card.expense{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff}.card h3{font-size:16px;font-weight:500;margin:0 0 10px;opacity:.9}.card .amount{font-size:28px;font-weight:700;margin:0}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.filters button{background:#fff;border:2px solid #e9ecef;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.filters button:hover{background:#f8f9fa;border-color:#007bff}.filters button.active{background:#007bff;border-color:#007bff;color:#fff}.form-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.transaction-form{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:500px;padding:30px;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.transaction-form h2{color:#333;font-size:1.5rem;margin-bottom:25px;text-align:center}.form-group label{color:#555;font-size:14px;font-weight:500}.form-group input,.form-group select{border:2px solid #e9ecef;border-radius:6px;box-sizing:border-box;font-size:16px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.form-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:25px}.btn-submit{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:background-color .2s ease}.btn-submit:hover{background-color:#218838;transform:translateY(-1px)}.btn-cancel{background-color:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:background-color .2s ease}.btn-cancel:hover{background-color:#545b62;transform:translateY(-1px)}.transactions-table{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-top:20px;overflow:hidden}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid #f1f3f4;padding:16px;text-align:left}th{background-color:#f8f9fa;color:#555;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}tbody tr{transition:background-color .2s ease}tbody tr:hover{background-color:#f8f9fa}.income{color:#28a745;font-weight:600}.expense{color:#dc3545;font-weight:600}.badge{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.badge.income{background-color:#d4edda;color:#155724}.badge.expense{background-color:#f8d7da;color:#721c24}@media (max-width:768px){.transactions-page{padding:15px}.page-header{align-items:stretch;flex-direction:column}.page-header h1{font-size:1.5rem}.btn-add-transaction{text-align:center;width:100%}.summary-cards{gap:15px;grid-template-columns:1fr}.card{padding:20px}.card .amount{font-size:24px}.filters{justify-content:center}.filters button{flex:1 1;min-width:120px;text-align:center}.transaction-form{margin:20px;padding:25px;width:calc(100% - 40px)}.form-buttons{flex-direction:column}.transactions-table{overflow-x:auto}table{min-width:600px}td,th{font-size:14px;padding:12px 8px}}@media (max-width:480px){.transactions-page{padding:10px}.page-header h1{font-size:1.3rem}.btn-add-transaction{font-size:14px;padding:10px 16px}.card{padding:15px}.card h3{font-size:14px}.card .amount{font-size:20px}.transaction-form{margin:10px;padding:20px;width:calc(100% - 20px)}.form-group input,.form-group select{font-size:14px;padding:10px}.btn-cancel,.btn-submit{font-size:14px;padding:10px 16px}}.header-actions{gap:10px}.btn-pdf,.header-actions{align-items:center;display:flex}.btn-pdf{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;gap:5px;padding:10px 15px;transition:background .3s}.btn-pdf:hover{background:#c0392b}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}@media (max-width:768px){.page-header{align-items:stretch;flex-direction:column}.header-actions{justify-content:space-between}}.transactions-table:empty:before{color:#6c757d;content:"No transactions found. Add your first transaction!";display:block;font-style:italic;padding:40px;text-align:center}.loading{opacity:.6;pointer-events:none}.success-message{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724;margin-bottom:20px;padding:12px}.sidebar{background:#0f172a;color:#fff;display:flex;flex-direction:column;height:100vh;padding:30px 20px;position:fixed;width:220px}.logo{font-size:22px;font-weight:700;margin-bottom:40px}.sidebar nav{display:flex;flex-direction:column;gap:15px}.sidebar nav a{border-radius:6px;color:#cbd5e1;padding:10px 12px;text-decoration:none;transition:.2s ease}.sidebar nav a:hover{background:#1e293b;color:#fff}.budget-page{padding:20px 0}.page-header{margin-bottom:40px;text-align:center}.page-header h1{margin-bottom:10px}.page-header p{color:#7f8c8d;font-size:1.1em}.budget-layout{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 400px;margin:0 auto;max-width:1200px}.budget-section{display:flex;flex-direction:column;gap:30px}.budget-form-card,.budget-list-card,.notifications-card,.tips-card{background:#fff;border:1px solid #e1e8ed;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:30px}.budget-form-card h3,.budget-list-card h3,.notifications-card h3,.tips-card h3{color:#2c3e50;font-size:1.3em;margin-bottom:20px}.form-group{margin-bottom:20px}.form-group label{color:#2c3e50;display:block;font-weight:600;margin-bottom:8px}.form-group input,.form-group select{border:2px solid #e1e8ed;border-radius:8px;font-size:14px;padding:12px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#3498db;outline:none}.btn-add-budget{background:#27ae60;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:background .3s ease;width:100%}.btn-add-budget:hover{background:#219a52}.no-budgets{color:#7f8c8d;font-style:italic;padding:40px 20px;text-align:center}.budget-item{background:#f8f9fa;border:1px solid #e1e8ed;border-radius:8px;margin-bottom:15px;padding:20px}.budget-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.budget-category{color:#2c3e50;font-size:1.2em;font-weight:600}.btn-delete{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px}.btn-delete:hover{background:#c0392b}.budget-amount{color:#27ae60;font-size:1.1em;font-weight:600;margin-bottom:10px}.usage-bar{background:#ecf0f1;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;width:100%}.usage-fill{background:#3498db;height:100%;transition:width .3s ease}.usage-text{color:#7f8c8d;font-size:12px}.notifications-section{display:flex;flex-direction:column;gap:30px}.toggle-label{align-items:center;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:10px}.toggle-switch{display:inline-block;height:34px;position:relative;width:60px}.toggle-switch input{height:0;opacity:0;width:0}.slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:26px;left:4px;width:26px}input:checked+.slider{background-color:#27ae60}input:checked+.slider:before{transform:translateX(26px)}.toggle-description{color:#7f8c8d;font-size:14px;margin-top:10px}.email-section{border-top:1px solid #e1e8ed;margin-top:20px;padding-top:20px}.btn-send-email{background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:10px;padding:12px;transition:background .3s ease;width:100%}.btn-send-email:hover:not(:disabled){background:#2980b9}.btn-send-email:disabled{background:#bdc3c7;cursor:not-allowed}.email-note{color:#7f8c8d;font-size:12px;text-align:center}.notification-settings{border-top:1px solid #e1e8ed;margin-top:20px;padding-top:20px}.notification-settings h4{color:#2c3e50;margin-bottom:15px}.alert-option{align-items:center;cursor:pointer;display:flex;margin-bottom:12px}.alert-option input{margin-right:10px}.alert-option span{color:#2c3e50;font-size:14px}.tips-list{list-style:none;padding:0}.tips-list li{border-bottom:1px solid #ecf0f1;color:#2c3e50;padding:10px 0}.tips-list li:last-child{border-bottom:none}@media (max-width:768px){.budget-layout{gap:20px;grid-template-columns:1fr}.budget-form-card,.budget-list-card,.notifications-card,.tips-card{padding:20px}}.dashboard-page{background:#f8f9fa;min-height:100vh;padding:20px}.container{margin:0 auto;max-width:1200px}.page-header{margin-bottom:30px}.page-header h1{color:#2c3e50;font-size:2rem;margin:0 0 5px}.page-header p{color:#6c757d;font-size:1.1rem;margin:0}.summary-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.summary-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;gap:15px;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.summary-card:hover{box-shadow:0 8px 15px #00000026;transform:translateY(-5px)}.card-icon{align-items:center;background:#0000000d;border-radius:50%;display:flex;font-size:2.5rem;height:60px;justify-content:center;width:60px}.card-content h3{color:#6c757d;font-size:.9rem;font-weight:500;margin:0 0 8px}.card-content .amount{color:#2c3e50;font-size:1.8rem;font-weight:700;margin:0}.summary-card.balance .amount{color:#667eea}.summary-card.income .amount{color:#10b981}.summary-card.expense .amount{color:#ef4444}.summary-card.savings .amount{color:#f59e0b}.charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr;margin-bottom:30px}.filters-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:20px}.filters-section h3{color:#333;margin-bottom:15px}.filter-controls{grid-gap:15px;align-items:end;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group{display:flex;flex-direction:column}.filter-group label{color:#555;font-weight:500;margin-bottom:5px}.filter-group input,.filter-group select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px}.btn-clear-filters{background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.btn-clear-filters:hover{background:#5a6268}.filter-results{border-top:1px solid #e9ecef;margin-top:15px;padding-top:15px}.filter-results p{margin:0}.filter-results p,.no-data{color:#666;font-style:italic}.no-data{padding:40px;text-align:center}.summary-cards .card small{color:#666;display:block;font-size:12px;margin-top:5px}.chart-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:25px}.chart-card h3{color:#2c3e50;font-size:1.2rem;margin:0 0 20px}.chart-container{height:300px;position:relative}.bottom-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.quick-stats,.recent-transactions{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:25px}.quick-stats h3,.recent-transactions h3{color:#2c3e50;font-size:1.2rem;margin:0 0 20px}.transactions-list{display:flex;flex-direction:column;gap:15px}.transaction-item{align-items:center;border-bottom:1px solid #f1f3f4;display:flex;justify-content:space-between;padding:12px 0}.transaction-item:last-child{border-bottom:none}.transaction-info{display:flex;flex-direction:column}.description{color:#2c3e50;font-weight:500;margin-bottom:4px}.date{color:#6c757d;font-size:.85rem}.amount.income{color:#10b981;font-weight:700}.amount.expense{color:#ef4444;font-weight:700}.stats-list{display:flex;flex-direction:column;gap:15px}.stat-item{align-items:center;border-bottom:1px solid #f1f3f4;display:flex;justify-content:space-between;padding:12px 0}.stat-item:last-child{border-bottom:none}.stat-label{color:#6c757d;font-size:.9rem}.stat-value{color:#2c3e50;font-size:1.1rem;font-weight:700}@media (max-width:1024px){.bottom-grid,.charts-grid{grid-template-columns:1fr}}@media (max-width:768px){.summary-grid{grid-template-columns:1fr}.dashboard-page{padding:15px}.chart-container{height:250px}}.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)}}
/*# sourceMappingURL=main.d4fb32f4.css.map*/