*{box-sizing:border-box}body{color:#1f2937;background:#c8e3ff;min-height:100vh;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}.cards-inner-text{justify-content:center;display:flex}.charts-text{color:#000!important}.type-header{position:relative}.dropdown select{width:150px;padding:5px}.form-body{flex-direction:row;gap:16px;display:flex}.container{max-width:1200px;margin:0 auto;padding:24px 20px}.cards{grid-template-columns:repeat(3,minmax(220px,1fr));gap:20px;margin-top:20px;display:grid}.charts-container{grid-template-columns:repeat(2,minmax(220px,1fr))}.category-header{position:relative}.header-label{cursor:pointer}.dropdown{z-index:10;background:#fff;border:1px solid #ddd;border-radius:6px;padding:8px;position:absolute;top:40px;left:0;box-shadow:0 4px 10px #0000001a}.dropdown input{width:150px;padding:5px}select{cursor:pointer;border-radius:6px;padding:8px}.table-header{cursor:pointer;text-align:left;padding:10px}.table-header input,.table-header select{width:90%;margin-top:5px;padding:4px;font-size:12px}th{background:#f5f7fa}.card{background:#fff;border:1px solid #94a3b840;border-radius:24px;min-width:300px;margin:10px 0;padding:24px;transition:transform .2s,box-shadow .2s;box-shadow:0 24px 50px #0f172a0f}.card:hover{transform:translateY(-3px);box-shadow:0 28px 65px #0f172a1f}.card p{color:#4b5563;margin:.75rem 0 0;font-size:.95rem;line-height:1.7}.income,.expense{font-weight:700}.income{color:#10b981}.expense{color:#ef4444}.transaction-header,.form-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.table-header{color:#111827;margin:0;font-size:1.15rem;font-weight:700}.header-controls{justify-content:flex-end}.controls,.header-controls{flex-direction:row;gap:12px;display:flex}input,select{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:12px;width:100%;padding:10px 12px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 4px #3b82f61f}button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:12px;padding:10px 18px;transition:background .2s,transform .2s}button:hover{background:#2563eb;transform:translateY(-1px)}button.secondary{color:#111827;background:#e5e7eb}button.secondary:hover{background:#d1d5db}table{border-collapse:collapse;background:0 0;width:100%;margin-top:24px}th,td{text-align:left;padding:16px 14px}th{color:#4b5563;border-bottom:1px solid #94a3b866;font-size:.95rem;font-weight:600}td{color:#334155;border-bottom:1px solid #94a3b826}tbody tr:hover{background:#0f172a08}.close-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;font-size:1.25rem}.close-btn:hover{color:#ef4444}.chart-card{background:var(--card-bg,#fff);border-radius:12px;padding:15px;transition:transform .3s,box-shadow .3s}.chart-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 10px 25px #00000026}body.dark{color:#e2e8f0;background:#0f172a}body.dark .card{background:#1e293b;border-color:#94a3b826;box-shadow:0 20px 40px #0f172a66}body.dark .card>p{color:#cbd5e1}body.dark th{color:#cbd5e1;background-color:#0f172a}body.dark td{color:#e2e8f0;border-bottom:1px solid #94a3b833}body.dark tbody tr:hover{background:#ffffff0d}body.dark input,body.dark select{color:#e2e8f0;background:#0f172a;border:1px solid #334155}body.dark button.secondary{color:#f8fafc;background:#334155}body.dark button{background:#2563eb}body.dark button:hover{background:#1d4ed8}body.dark .close-btn:hover{color:#f87171}@media (width<=840px){.cards{grid-template-columns:1fr}.transaction-header,.form-header{flex-direction:column;align-items:flex-start}.controls,.header-controls{width:100%}}