*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f5f5;border:2px solid gray;padding:30px 20px;font-family:Arial}#FinanceDashboardHeading{text-align:center;margin-bottom:10px}.role-switcher,#DashboardHeading{margin-bottom:10px}.admin-text{text-align:center;color:gray;margin-bottom:4px;font-size:14px;display:block}.dashboard-text{text-align:center;margin-bottom:25px;font-size:22px;font-weight:700}.main-content{margin-top:10px}.cards{flex-wrap:wrap;gap:15px;margin-bottom:20px;display:flex}.card{background:#eee;border-radius:8px;flex:calc(33.33% - 10px);min-width:250px;padding:15px}.table-container{background:#fff;border-radius:8px;width:100%;margin-top:20px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:600px}td,th{text-align:left;border:1px solid #ccc;padding:10px}canvas{max-width:100%;height:auto;margin:30px auto;display:block}.form{flex-wrap:wrap;gap:10px;margin:25px 0;display:flex}.form input,.form select{flex:200px;padding:10px}.form button{color:#fff;cursor:pointer;background:#000;border:none;flex-shrink:0;padding:10px 20px}.insight-cards{flex-wrap:wrap;gap:15px;margin-bottom:20px;display:flex}.insight-card{text-align:center;background:#fff;border-radius:8px;flex:calc(33.33% - 10px);min-width:250px;padding:20px}.insight-card span{font-size:18px;font-weight:700}.bars{background:#fff;border-radius:8px;margin-top:20px;padding:20px}.bar{margin:12px 0}.progress{color:#fff;text-align:center;border-radius:5px;height:20px}.food-bar{background:green}.rent-bar{background:#00f}.other-bar{background:orange}.monthly{background:#fff;border-radius:8px;margin-top:20px;padding:20px}.month-row{margin:12px 0}.month-bar{color:#fff;text-align:center;border-radius:5px;height:20px}.march{background:gray}.april{background:red}.increase{color:red;margin-top:10px;font-weight:700}.observations{background:#fff;border-radius:8px;margin-top:20px;padding:15px}@media (width<=480px){body{padding:20px 10px}.cards,.insight-cards{flex-direction:column}.card,.insight-card{flex:100%}.form{flex-direction:column}.form input,.form select,.form button{width:100%}table{min-width:500px}}@media (width<=768px){.card,.insight-card{flex:calc(50% - 10px)}.form input,.form select{flex:100%}}@media (width<=1024px){.card,.insight-card{flex:calc(50% - 10px)}}body.dark{color:#fff;background:#121212}body.dark .card,body.dark .insight-card,body.dark .bars,body.dark .monthly,body.dark .observations,body.dark .table-container{color:#fff;background:#1e1e1e}body.dark table{color:#fff}body.dark td,body.dark th{border-color:#444}body.dark input,body.dark select{color:#fff;background:#2a2a2a;border:1px solid #555}body.dark button{color:#fff;background:#333}body.dark .food-bar{background:#00c853}body.dark .rent-bar{background:#2979ff}body.dark .other-bar{background:#ff9100}