*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#f8fafc;padding:0;margin:0}.app-container{max-width:1200px;margin:0 auto;padding:20px}.app-header{text-align:center;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a}.app-header h1{font-size:2.2rem;font-weight:700;margin-bottom:.5rem}.app-header p{opacity:.9;font-size:1.1rem}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:2rem}.summary-card{display:flex;align-items:center;padding:1.5rem;border-radius:12px;background:#fff;box-shadow:0 4px 6px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.summary-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #0000001a}.card-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:1rem;font-size:1.5rem}.income-card .card-icon{background-color:#22c55e1a;color:#16a34a}.expense-card .card-icon{background-color:#ef44441a;color:#dc2626}.balance-card .card-icon{background-color:#3b82f61a;color:#2563eb}.balance-card.negative .card-icon{background-color:#ef44441a;color:#dc2626}.card-details h3{font-size:.9rem;font-weight:600;color:#64748b;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.card-details .amount{font-size:1.5rem;font-weight:700}.income-card .amount{color:#16a34a}.expense-card .amount{color:#dc2626}.balance-card .amount{color:#2563eb}.balance-card.negative .amount{color:#dc2626}.input-section{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 6px #0000000d}.input-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;align-items:end}.input-group{display:flex;flex-direction:column}.input-group label{font-weight:600;margin-bottom:.5rem;color:#374151}.input-group input,.input-group select{padding:12px 16px;border-radius:8px;border:1px solid #d1d5db;font-size:1rem;transition:border-color .3s,box-shadow .3s}.input-group input:focus,.input-group select:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.submit-btn{padding:12px 24px;border-radius:8px;border:none;background:linear-gradient(to right,#4f46e5,#7c3aed);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.submit-btn:hover{background:linear-gradient(to right,#4338ca,#6d28d9);box-shadow:0 4px 6px #4f46e54d;transform:translateY(-2px)}.table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000000d;margin-bottom:2rem}.table-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.table-header h2{font-size:1.5rem;font-weight:600;color:#1f2937}.entries-count{background:#f3f4f6;color:#6b7280;padding:4px 12px;border-radius:20px;font-size:.9rem;font-weight:500}.transactions-table{width:100%}.table-row{display:grid;grid-template-columns:80px 1fr 1fr 1fr;padding:1rem 1.5rem;border-bottom:1px solid #f3f4f6;transition:background-color .2s}.table-row.header{background-color:#f9fafb;font-weight:600;color:#374151}.table-row:not(.header):hover{background-color:#f9fafb}.table-cell{display:flex;align-items:center;overflow:auto;padding:10px}.type-badge{padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600}.income-badge{background-color:#dcfce7;color:#16a34a}.expense-badge{background-color:#fee2e2;color:#dc2626}.amount{font-weight:600}.date{color:#6b7280;font-size:.9rem}.empty-state{text-align:center;padding:3rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d}.empty-state i{font-size:3rem;color:#9ca3af;margin-bottom:1rem}.empty-state h3{font-size:1.5rem;color:#374151;margin-bottom:.5rem}.empty-state p{color:#6b7280}@media (max-width: 768px){.app-container{padding:15px}.summary-cards,.input-container{grid-template-columns:1fr}.table-row{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:.5rem;padding:1rem}.table-row .table-cell:nth-child(1){grid-column:1 / 2;grid-row:1 / 2}.table-row .table-cell:nth-child(2){grid-column:2 / 3;grid-row:1 / 2;justify-content:flex-end}.table-row .table-cell:nth-child(3){grid-column:1 / 2;grid-row:2 / 3}.table-row .table-cell:nth-child(4){grid-column:2 / 3;grid-row:2 / 3;justify-content:flex-end}.table-header{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width: 480px){.app-header h1{font-size:1.8rem}.summary-card{flex-direction:column;text-align:center}.card-icon{margin-right:0;margin-bottom:1rem}.table-row{grid-template-columns:1fr;grid-template-rows:repeat(4,auto);text-align:center}.table-row .table-cell:nth-child(1),.table-row .table-cell:nth-child(2),.table-row .table-cell:nth-child(3),.table-row .table-cell:nth-child(4){grid-column:1 / 2;justify-content:center}.table-row .table-cell:nth-child(1){grid-row:1 / 2}.table-row .table-cell:nth-child(2){grid-row:2 / 3}.table-row .table-cell:nth-child(3){grid-row:3 / 4}.table-row .table-cell:nth-child(4){grid-row:4 / 5}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.table-row:not(.header){animation:fadeIn .3s ease}@media (prefers-color-scheme: dark){body{background-color:#111827;color:#f3f4f6}.app-header{background:linear-gradient(135deg,#3730a3,#5b21b6)}.summary-card,.input-section,.table-container,.empty-state{background-color:#1f2937;color:#f3f4f6;box-shadow:0 4px 6px #0003}.input-group input,.input-group select{background-color:#374151;border-color:#4b5563;color:#f3f4f6}.input-group label{color:#e5e7eb}.table-row.header{background-color:#374151;color:#f3f4f6}.table-row:not(.header):hover{background-color:#374151}.entries-count{background-color:#374151;color:#d1d5db}.empty-state i{color:#6b7280}}