.app-container{min-height:100vh}.main-content{max-width:1200px;margin:0 auto;padding:2rem}.navbar{background-color:#fff;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;box-shadow:0 2px 4px #0000000d}.role-switcher select{cursor:pointer;border:1px solid #ccc;border-radius:4px;margin-left:.5rem;padding:.4rem}.summary-container{gap:1.5rem;margin-bottom:2rem;display:flex}.card{background:#fff;border-radius:12px;flex:1;padding:1.5rem;box-shadow:0 4px 6px #0000000a}.card h3{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.9rem}.card h2{color:#111827;font-size:2rem}.text-green{color:#10b981!important}.text-red{color:#ef4444!important}@media (width<=768px){.summary-container{flex-direction:column}}.charts-container{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem;display:grid}.chart-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000000a}.chart-card h3{color:#111827;margin-bottom:1rem;font-size:1.1rem}.chart-wrapper{width:100%;height:300px}@media (width<=768px){.charts-container{grid-template-columns:1fr}}.transactions-container{background:#fff;border-radius:12px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 4px 6px #0000000a}.transactions-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.search-input{border:1px solid #e5e7eb;border-radius:6px;width:250px;padding:.5rem 1rem}.add-transaction-form{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex}.add-transaction-form input,.add-transaction-form select{border:1px solid #d1d5db;border-radius:4px;flex:1;padding:.5rem}.add-transaction-form button{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:4px;padding:.5rem 1.5rem;font-weight:700}.add-transaction-form button:hover{background:#374151}.table-wrapper{overflow-x:auto}.transactions-table{border-collapse:collapse;width:100%}.transactions-table th{text-align:left;color:#6b7280;background:#f9fafb;border-bottom:2px solid #e5e7eb;padding:.75rem 1rem;font-weight:600}.transactions-table td{color:#111827;border-bottom:1px solid #e5e7eb;padding:1rem}.badge{text-transform:capitalize;border-radius:999px;padding:.25rem .75rem;font-size:.8rem;font-weight:500}.badge.income{color:#065f46;background:#d1fae5}.badge.expense{color:#991b1b;background:#fee2e2}.empty-state{text-align:center;color:#6b7280;padding:2rem!important}@media (width<=768px){.add-transaction-form{flex-direction:column}}.insights-container{margin-bottom:2rem}.insights-container h3{color:#111827;margin-bottom:1rem;font-size:1.2rem}.insights-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.insight-card{background:#fff;border-left:4px solid #8b5cf6;border-radius:8px;padding:1.2rem;box-shadow:0 2px 4px #00000008}.insight-label{color:#6b7280;text-transform:uppercase;margin-bottom:.3rem;font-size:.85rem}.insight-card h4{color:#111827;font-size:1.1rem}@media (width<=768px){.insights-grid{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{color:#333;background-color:#f4f6f8}