*{box-sizing:border-box;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:#0f172a;color:#e5e7eb}.app-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:24px 16px}.content{width:100%;max-width:800px;display:flex;flex-direction:column;gap:16px}.header{text-align:center;margin-bottom:16px}.header h1{font-size:2rem;font-weight:700}.header p{margin-top:4px;color:#9ca3af}.card,.balance-card,.add-transaction-card{background:#020617;border-radius:16px;padding:16px 20px;box-shadow:0 10px 30px #0f172acc}.balance-card .balance-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.balance-card h2{font-size:1.2rem}.amount-positive{color:#22c55e}.amount-negative{color:#ef4444}.summary-row{display:flex;gap:12px;margin-top:8px}.summary-box{flex:1;border-radius:12px;padding:10px 12px;font-size:.9rem}.summary-box p{color:#9ca3af;margin-bottom:4px}.summary-box h3{font-size:1.1rem}.income-box{background:#22c55e26;border:1px solid rgba(34,197,94,.4)}.expense-box{background:#ef444426;border:1px solid rgba(239,68,68,.4)}.add-transaction-card h2{margin-bottom:10px}.form{display:flex;flex-direction:column;gap:10px}.form-group{display:flex;flex-direction:column;gap:4px}.form-group label{font-size:.9rem;color:#9ca3af}.form-group input,.form-group select{padding:8px 10px;border-radius:8px;border:1px solid #1f2937;background:#020617;color:#e5e7eb;outline:none}.form-group input:focus,.form-group select:focus{border-color:#6366f1}.form-row{display:flex;gap:10px}.form-row .form-group{flex:1}.btn-primary{margin-top:6px;padding:10px 12px;border-radius:10px;border:none;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#f9fafb;font-weight:600;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px #4f46e599}.card h2{margin-bottom:8px}.empty-text{font-size:.9rem;color:#9ca3af}.transaction-list{list-style:none;margin-top:8px;display:flex;flex-direction:column;gap:6px}.transaction-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:10px;border-left:4px solid transparent;background:#020617}.transaction-item.income{border-left-color:#22c55e}.transaction-item.expense{border-left-color:#ef4444}.transaction-main{display:flex;flex-direction:column}.transaction-text{font-size:.95rem}.transaction-date{font-size:.75rem;color:#9ca3af}.transaction-right{display:flex;align-items:center;gap:8px}.transaction-amount{font-weight:600}.transaction-item.income .transaction-amount{color:#22c55e}.transaction-item.expense .transaction-amount{color:#ef4444}.delete-btn{border:none;background:#111827;color:#9ca3af;border-radius:50%;width:26px;height:26px;cursor:pointer;font-size:.85rem}.delete-btn:hover{background:#b91c1c;color:#f9fafb}@media(max-width:600px){.balance-card,.card,.add-transaction-card{padding:14px 12px}.header h1{font-size:1.5rem}}