Budget Report
Budget Details body { margin: 0; font-family: "Noto Sans Malayalam", Arial, sans-serif; background: #deeb34; color: #111; } .page { max-width: 1180px; margin: 32px auto; padding: 0 24px; text-align: center; } .title-box { background: #064f16; color: #ffffff; border-radius: 14px; padding: 24px 20px; font-size: 26px; font-weight: 700; margin: 0 auto 58px; max-width: 980px; } .budget-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 34px 36px; } .budget-item { width: 110px; text-decoration: none; color: inherit; display: block; } .year-label { background: #53c4f5; color: #001f9f; font-size: 13px; font-weight: 800; border-radius: 9px; padding: 13px 8px; margin-bottom: 12px; } .briefcase { position: relative; width: 110px; height: 78px; border-radius: 7px; overflow: hidden; box-shadow: 0 8px 14px rgba(0, 0, 0, 0.25); transition: transform 0.2s ease, box-shadow 0.2s ease; } .budget-item:hover .briefcase { transform: translateY(-4px); box-shadow: 0 12px 18px rgba(0, 0, 0, 0.28); } .briefcase::before { content: ""; position: absolute; top: 0; left: 50%; width: 24px; height: 18px; transform: translateX(-50%); border: 5px solid currentColor; border-bottom: none; border-radius: 7px 7px 0 0; color: #f7f7f7; z-index: 1; } .briefcase::after { content: ""; position: absolute; inset: 40px -10px auto; height: 38px; border-top: 3px solid rgba(255, 255, 255, 0.25); border-radius: 50% 50% 0 0; } .case-top { position: absolute; top: 12px; left: 0; right: 0; height: 28px; background: rgba(0, 0, 0, 0.18); border-bottom: 4px solid rgba(255, 255, 255, 0.18); } .case-lock { position: absolute; top: 24px; left: 50%; width: 18px; height: 18px; transform: translateX(-50%); background: #ffd100; border-radius: 3px; z-index: 2; } .case-lock::after { content: ""; position: absolute; top: 6px; left: 7px; width: 4px; height: 5px; background: #ffffff; border-radius: 1px; } .brown { background: #9a4c15; } .teal { background: #007a6e; } .blue { background: #2c3c9d; } .purple { background: #df34eb; } .magenta { background: #8b1ab0; } .pink { background: #FF69B4; } @media (max-width: 700px) { .title-box { font-size: 20px; margin-bottom: 38px; } .budget-grid { gap: 28px 24px; } }
പഞ്ചായത്തിൽ അംഗീകരിച്ച വിവിധ വർഷങ്ങളിലെ ബജറ്റ് വിവരങ്ങൾ