body{margin:0 auto 0 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}.finance-tracker{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 1rem;font-family:Arial,sans-serif}.container{max-width:1200px;margin:0 auto}.title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:2rem;color:#000}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1rem;border-radius:12px}.stat-content{display:flex;align-items:center;justify-content:space-between}.stat-info{background:#fff;flex:1}.stat-label{font-size:.875rem;color:#6b7280;margin-bottom:.25rem}.stat-amount{font-size:1.875rem;font-weight:700}.stat-amount.positive{color:#10b981}.stat-amount.negative{color:#ef4444}.main-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width: 768px){.main-grid{grid-template-columns:1fr}}.card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px #0000001a}.section-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.form-input,.form-select{width:100%;padding:.75rem;border:2px solid #d1d5db;border-radius:8px;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.add-btn{width:100%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:.75rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.add-btn:active{transform:translateY(0)}.history-header{display:flex;align-items:center;margin-bottom:1rem}.history-icon{margin-right:.5rem;font-size:1.25rem}.transaction-list{max-height:400px;overflow-y:auto;padding-right:.5rem}.transaction-list::-webkit-scrollbar{width:6px}.transaction-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.transaction-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.transaction-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.empty-state{text-align:center;color:#6b7280;padding:2rem;font-style:italic}.transaction-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;margin-bottom:.75rem;border-radius:8px;border-left:4px solid;transition:transform .2s ease,box-shadow .2s ease}.transaction-item:hover{transform:translate(2px);box-shadow:0 2px 8px #0000001a}.transaction-item.income{background:#f0fdf4;border-left-color:#10b981}.transaction-item.expense{background:#fef2f2;border-left-color:#ef4444}.transaction-details{flex:1}.transaction-desc{font-weight:600;color:#1f2937;margin-bottom:.25rem}.transaction-date{font-size:.875rem;color:#6b7280}.transaction-right{display:flex;align-items:center;gap:.75rem}.transaction-amount{font-weight:700;font-size:1.125rem}.transaction-amount.income{color:#10b981}.transaction-amount.expense{color:#ef4444}@media (max-width: 640px){.expense-tracker{padding:1rem .5rem}.title{font-size:2rem}.stats-grid{grid-template-columns:1fr}.stat-card{padding:1rem}.stat-amount{font-size:1.5rem}.transaction-item{flex-direction:column;align-items:flex-start;gap:.5rem}.transaction-right{width:100%;justify-content:space-between}}