*{box-sizing:border-box}body{color:#e5e7eb;background:#0b1120;margin:0;font-family:Arial,sans-serif}button,input,select{font:inherit}.sidebar{background:#111827;border-bottom:1px solid #1f2937;width:100%;padding:12px 20px}.navbar-links{align-items:center;gap:8px;display:flex}.nav-link{color:#94a3b8;white-space:nowrap;border-radius:8px;padding:9px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:block}.nav-link:hover{color:#e5e7eb;background:#1f2937}.nav-link.active{color:#fff;background:#2563eb}.navbar-mobile-header{display:none}.navbar-logo{color:#e5e7eb;font-size:17px;font-weight:700}.burger-button{color:#e5e7eb;cursor:pointer;background:#1f2937;border:1px solid #374151;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;padding:0;font-size:22px;transition:all .2s;display:flex}.burger-button:hover{background:#374151}@media (width<=700px){.sidebar{padding:10px 15px}.navbar-mobile-header{justify-content:space-between;align-items:center;width:100%;display:flex}.navbar-links{width:100%;padding-top:12px;display:none}.navbar-links.open{flex-direction:column;align-items:stretch;gap:6px;display:flex}.nav-link{width:100%;padding:12px 14px}}.transactions-page{max-width:1100px;margin:0 auto;padding:40px 25px}.transactions-header{margin-bottom:30px}.transactions-header h1{margin:0;font-size:32px}.transactions-header p{color:#94a3b8;margin-top:8px}.transaction-summary{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:30px;display:grid}.summary-card{background:#111827;border:1px solid #1f2937;border-radius:12px;padding:22px}.summary-card span{color:#94a3b8;margin-bottom:10px;display:block}.summary-card strong{font-size:26px}.transaction-form{background:#111827;border:1px solid #1f2937;border-radius:12px;gap:15px;margin-bottom:30px;padding:25px;display:grid}.transaction-form h2{margin:0 0 10px}.transaction-form input,.transaction-form select{color:#e5e7eb;background:#0b1120;border:1px solid #374151;border-radius:7px;outline:none;width:100%;padding:12px 14px}.transaction-form input:focus,.transaction-form select:focus{border-color:#3b82f6}.submit-transaction{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:7px;padding:12px 18px}.submit-transaction:hover{background:#1d4ed8}.transaction-filters{gap:10px;margin-bottom:20px;display:flex}.transaction-filters button{color:#cbd5e1;cursor:pointer;background:#1f2937;border:1px solid #374151;border-radius:7px;padding:9px 18px}.transaction-filters button:hover{background:#374151}.transaction-list{flex-direction:column;gap:12px;display:flex}.transaction-item{background:#111827;border:1px solid #1f2937;border-left:4px solid #64748b;border-radius:10px;align-items:center;gap:20px;padding:18px 20px;display:flex}.transaction-item.income{border-left-color:#22c55e}.transaction-item.expense{border-left-color:#ef4444}.transaction-info{flex:1}.transaction-info h3{margin:0 0 7px}.transaction-meta{color:#94a3b8;gap:15px;font-size:14px;display:flex}.transaction-amount{font-size:18px}.transaction-item.income .transaction-amount{color:#22c55e}.transaction-item.expense .transaction-amount{color:#ef4444}.transaction-actions{gap:8px;display:flex}.transaction-actions button{color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 12px}.edit-btn{background:#2563eb}.edit-btn:hover{background:#1d4ed8}.delete-btn{background:#dc2626}.delete-btn:hover{background:#b91c1c}@media (width<=700px){.transaction-summary{grid-template-columns:1fr}.transaction-item{flex-direction:column;align-items:flex-start}.transaction-actions{width:100%}.transaction-actions button{flex:1}}.transaction-tools{gap:12px;margin-bottom:20px;display:flex}.transaction-search,.transaction-sort{color:#e5e7eb;background:#111827;border:1px solid #374151;border-radius:8px;outline:none;padding:11px 14px}.transaction-search{flex:1}.transaction-sort{cursor:pointer;min-width:190px}.transaction-search:focus,.transaction-sort:focus{border-color:#3b82f6}@media (width<=600px){.transaction-tools{flex-direction:column}.transaction-sort{width:100%}}.dashboard-page{padding:30px}.dashboard-header{margin-bottom:24px}.dashboard-title{margin:0;font-size:32px}.dashboard-subtitle{color:#94a3b8;margin-top:6px}.dashboard-summary{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:30px;display:grid}.dashboard-card{background:#111827;border:1px solid #1f2937;border-radius:12px;flex-direction:column;gap:10px;padding:20px;display:flex}.dashboard-card span{color:#94a3b8;font-size:14px}.dashboard-card strong{font-size:24px}.dashboard-recent{margin-top:20px}.dashboard-section-title{margin-bottom:16px}.dashboard-recent-list{flex-direction:column;gap:10px;display:flex}.dashboard-recent-item{background:#111827;border:1px solid #1f2937;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;padding:14px 16px;display:flex}.dashboard-recent-info{flex-direction:column;flex:1;gap:4px;display:flex}.dashboard-recent-info span,.dashboard-recent-date{color:#94a3b8;font-size:14px}.dashboard-recent-amount{text-align:right;min-width:90px}@media (width<=800px){.dashboard-summary{grid-template-columns:1fr}.dashboard-recent-item{flex-direction:column;align-items:flex-start}.dashboard-recent-amount{text-align:left}}.budgets-page{padding:30px}.budgets-header{margin-bottom:24px}.budgets-title{margin:0;font-size:32px}.budgets-subtitle{color:#94a3b8;margin-top:6px}.budget-form{background:#111827;border:1px solid #1f2937;border-radius:12px;gap:12px;margin-bottom:30px;padding:20px;display:flex}.budget-category-input,.budget-limit-input{color:#e5e7eb;background:#0f172a;border:1px solid #374151;border-radius:8px;outline:none;padding:11px 14px}.budget-category-input{flex:1}.budget-limit-input{width:180px}.budget-category-input::placeholder,.budget-limit-input::placeholder{color:#64748b}.budget-category-input:focus,.budget-limit-input:focus{border-color:#3b82f6}.budget-submit{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:11px 18px;font-weight:600;transition:all .2s}.budget-submit:hover{background:#1d4ed8}.budget-list{margin-top:20px}.budget-list-title{margin-bottom:16px}.budget-empty{color:#94a3b8}.budget-item{background:#111827;border:1px solid #1f2937;border-radius:10px;margin-bottom:12px;padding:18px}.budget-info{flex-direction:column;gap:7px;display:flex}.budget-info strong{font-size:18px}.budget-info span{color:#94a3b8}@media (width<=700px){.budget-form{flex-direction:column}.budget-category-input,.budget-limit-input,.budget-submit{width:100%}}.budget-progress{background:#1f2937;border-radius:999px;width:100%;height:9px;margin-top:12px;overflow:hidden}.budget-progress-fill{background:#3b82f6;border-radius:999px;height:100%;transition:width .3s}.budget-edit,.budget-delete{cursor:pointer;border:none;border-radius:7px;margin-top:10px;padding:9px 14px;font-size:14px;font-weight:600;transition:all .2s}.budget-edit{color:#fff;background:#2563eb}.budget-edit:hover{background:#1d4ed8}.budget-delete{color:#fecaca;background:#7f1d1d}.budget-delete:hover{background:#991b1b}.budget-actions{gap:10px;margin-top:14px;display:flex}.budget-actions .budget-edit,.budget-actions .budget-delete{margin-top:0}.analytics-page{padding:30px}.analytics-header{margin-bottom:30px}.analytics-title{margin:0;font-size:32px}.analytics-subtitle{color:#94a3b8;margin-top:6px}.analytics-section-title{margin:0 0 18px;font-size:20px}.analytics-categories{margin-bottom:30px}.analytics-category-list{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.analytics-category-item{background:#111827;border:1px solid #1f2937;border-radius:10px;justify-content:space-between;align-items:center;gap:15px;padding:16px;display:flex}.analytics-category-name{color:#94a3b8}.analytics-category-amount{font-size:18px}.analytics-chart{background:#111827;border:1px solid #1f2937;border-radius:12px;margin-bottom:30px;padding:20px}.analytics-chart-container{width:100%;min-height:300px}.analytics-monthly{background:#111827;border:1px solid #1f2937;border-radius:12px;margin-bottom:30px;padding:20px}.recharts-cartesian-axis-tick-value{fill:#94a3b8}.recharts-cartesian-grid line{stroke:#1f2937}.recharts-tooltip-wrapper{outline:none}@media (width<=900px){.analytics-category-list{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.analytics-page{padding:20px}.analytics-category-list{grid-template-columns:1fr}.analytics-chart,.analytics-monthly{padding:15px}}.goals-page{padding:30px}.goals-header{margin-bottom:24px}.goals-title{margin:0;font-size:32px}.goals-subtitle{color:#94a3b8;margin-top:6px}.goal-form{background:#111827;border:1px solid #1f2937;border-radius:12px;gap:12px;margin-bottom:30px;padding:20px;display:flex}.goal-title-input,.goal-target-input,.goal-saved-input{color:#e5e7eb;background:#0f172a;border:1px solid #374151;border-radius:8px;outline:none;padding:11px 14px}.goal-title-input{flex:1}.goal-target-input,.goal-saved-input{width:180px}.goal-title-input::placeholder,.goal-target-input::placeholder,.goal-saved-input::placeholder{color:#64748b}.goal-title-input:focus,.goal-target-input:focus,.goal-saved-input:focus{border-color:#3b82f6}.goal-submit{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:11px 18px;font-weight:600;transition:all .2s}.goal-submit:hover{background:#1d4ed8}.goal-list{margin-top:20px}.goal-list-title{margin-bottom:16px}.goal-empty{color:#94a3b8}.goal-item{background:#111827;border:1px solid #1f2937;border-radius:10px;margin-bottom:12px;padding:18px}.goal-info{flex-direction:column;gap:6px;display:flex}.goal-info strong{color:#e5e7eb;font-size:18px}.goal-info span{color:#94a3b8}.goal-progress{background:#1f2937;border-radius:999px;width:100%;height:9px;margin-top:14px;overflow:hidden}.goal-progress-fill{background:#3b82f6;border-radius:999px;height:100%;transition:width .3s}.goal-actions{gap:10px;margin-top:14px;display:flex}.goal-edit,.goal-delete{cursor:pointer;border:none;border-radius:7px;padding:9px 14px;font-size:14px;font-weight:600;transition:all .2s}.goal-edit{color:#fff;background:#2563eb}.goal-edit:hover{background:#1d4ed8}.goal-delete{color:#fecaca;background:#7f1d1d}.goal-delete:hover{background:#991b1b}@media (width<=800px){.goal-form{flex-direction:column}.goal-title-input,.goal-target-input,.goal-saved-input,.goal-submit{width:100%}}@media (width<=500px){.goals-page{padding:20px}.goal-actions{flex-direction:column}.goal-edit,.goal-delete{width:100%}}.settings-page{padding:30px}.settings-header{margin-bottom:30px}.settings-title{margin:0;font-size:32px}.settings-subtitle{color:#94a3b8;margin-top:6px}.settings-section{background:#111827;border:1px solid #1f2937;border-radius:12px;flex-direction:column;gap:10px;margin-bottom:16px;padding:20px;display:flex}.settings-label{color:#e5e7eb;font-size:15px;font-weight:600}.settings-select{color:#e5e7eb;cursor:pointer;background:#0f172a;border:1px solid #374151;border-radius:8px;outline:none;width:100%;max-width:400px;padding:11px 14px;font-size:15px;transition:all .2s}.settings-select:hover{border-color:#4b5563}.settings-select:focus{border-color:#3b82f6}.settings-select option{color:#e5e7eb;background:#0f172a}@media (width<=600px){.settings-page{padding:20px}.settings-select{max-width:100%}}.transactions-summary{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;display:grid}.transaction-summary-card{background:#111827;border:1px solid #1f2937;border-radius:10px;flex-direction:column;gap:8px;padding:16px;display:flex}.transaction-summary-card span{color:#94a3b8;font-size:14px}.transaction-summary-card strong{color:#e5e7eb;font-size:20px}.transaction-submit{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:12px 18px;font-size:15px;font-weight:600;transition:all .2s}.transaction-submit:hover{background:#1d4ed8}.transaction-tools{grid-template-columns:1fr 160px 190px;gap:12px;margin-bottom:30px;display:grid}.transaction-search,.transaction-filter,.transaction-sort{color:#e5e7eb;background:#111827;border:1px solid #374151;border-radius:8px;outline:none;padding:11px 14px;font-size:14px}.transaction-search::placeholder{color:#64748b}.transaction-search:focus,.transaction-filter:focus,.transaction-sort:focus{border-color:#3b82f6}.transaction-filter,.transaction-sort{cursor:pointer}.transaction-filter option,.transaction-sort option{color:#e5e7eb;background:#0f172a}@media (width<=800px){.transactions-summary,.transaction-tools{grid-template-columns:1fr}.transaction-search,.transaction-filter,.transaction-sort{width:100%}}