Kuzhur
Grama Panchayat

<style>
.overview-card{
   max-width:1100px;
   margin:30px auto;
   background:#fff;
   border-radius:18px;
   overflow:hidden;
   box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.card-header{
   background:linear-gradient(135deg,#0f4c81,#2563eb);
   padding:22px;
   text-align:center;
}

.card-header h2{
   margin:0;
   color:#fff;
   font-size:30px;
   font-weight:700;
}

.card-body{
   padding:30px;
}

.intro-box{
   background:#f8fafc;
   border-left:5px solid #2563eb;
   padding:20px;
   border-radius:12px;
   margin-bottom:30px;
   color:#475569;
   line-height:1.9;
}

.audit-grid{
   display:grid;
   grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
   gap:20px;
}

.audit-card{
   background:#ffffff;
   border-radius:16px;
   padding:25px;
   text-align:center;
   box-shadow:0 4px 12px rgba(0,0,0,.08);
   border-top:5px solid #2563eb;
   transition:.3s ease;
}

.audit-card:hover{
   transform:translateY(-5px);
   box-shadow:0 10px 20px rgba(0,0,0,.10);
}

.audit-icon{
   font-size:48px;
   margin-bottom:12px;
}

.audit-title{
   font-size:20px;
   font-weight:700;
   color:#0f172a;
   margin-bottom:10px;
}

.audit-year{
   color:#64748b;
   margin-bottom:18px;
   font-size:15px;
}

.audit-btn{
   display:inline-block;
   background:#2563eb;
   color:#fff !important;
   text-decoration:none;
   padding:10px 18px;
   border-radius:8px;
   font-weight:600;
   margin:5px;
   transition:.3s;
}

.audit-btn:hover{
   background:#1d4ed8;
   color:#fff !important;
}

.footer-note{
   margin-top:30px;
   background:#eef6ff;
   border-left:5px solid #2563eb;
   padding:20px;
   border-radius:12px;
   color:#475569;
   line-height:1.8;
}
</style>

<div class="overview-card">

   <div class="card-header">
       <h2>📊 Audit Reports</h2>
   </div>

   <div class="card-body">

       <div class="intro-box">
           Access the official audit reports of Kuzhur Grama Panchayat.
           These reports provide transparency and accountability regarding
           the financial and administrative activities of the Panchayat.
       </div>

       <div class="audit-grid">

           <div class="audit-card">
               <div class="audit-icon">📄</div>
               <div class="audit-title">Audit Report</div>
               <div class="audit-year">Financial Year 2024–25</div>

               <a class="audit-btn"
                  href="https://cdn.web.lsgkerala.gov.in/G081503/public-files/2026-05/audit%2024-25.pdf"
                  target="_blank">
                  👁️ View
               </a>

               <a class="audit-btn"
                  href="https://cdn.web.lsgkerala.gov.in/G081503/public-files/2026-05/audit%2024-25.pdf"
                  download>
                  ⬇️ Download
               </a>
           </div>

           <div class="audit-card">
               <div class="audit-icon">📄</div>
               <div class="audit-title">Audit Report</div>
               <div class="audit-year">Financial Year 2023–24</div>

               <a class="audit-btn"
                  href="https://cdn.web.lsgkerala.gov.in/G081503/public-files/2026-05/audit%2023-24.pdf"
                  target="_blank">
                  👁️ View
               </a>

               <a class="audit-btn"
                  href="https://cdn.web.lsgkerala.gov.in/G081503/public-files/2026-05/audit%2023-24.pdf"
                  download>
                  ⬇️ Download
               </a>
           </div>

           <div class="audit-card">
               <div class="audit-icon">📄</div>
               <div class="audit-title">Audit Report</div>
               <div class="audit-year">Financial Year 2022–23</div>

               <a class="audit-btn"
                  href="https://cdn.web.lsgkerala.gov.in/G081503/public-files/2026-05/audit%2022-23.pdf"
                  target="_blank">
                  👁️ View
               </a>

               <a class="audit-btn"
                  href="https://cdn.web.lsgkerala.gov.in/G081503/public-files/2026-05/audit%2022-23.pdf"
                  download>
                  ⬇️ Download
               </a>
           </div>

       </div>

       <div class="footer-note">
           <strong>📌 Note:</strong><br>
           Audit reports are published to ensure transparency,
           accountability, and public access to information regarding
           the financial performance and governance of Kuzhur Grama Panchayat.
       </div>

   </div>

</div>