/* Reset some basic styles */
 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }

 body {
     font-family: Arial, sans-serif;
     background-color: #f4f7fa;
     padding: 20px;
 }

 /* Main container */
 .container {
     max-width: 1200px;
     margin: 0 auto;
 }

 /* Section 1: Five colored oval blocks */
 .stats-container {
     display: grid;
     grid-template-columns: repeat(5, 1fr);
     /* 5 equal columns */
     gap: 20px;
     margin-bottom: 40px;
 }

 .stats-block {
     height: 120px;
     background-color: #fff;
     border-radius: 18px;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     text-align: center;
     padding: 10px;
 }

 .block-title {
     font-size: 18px;
     margin-bottom: 10px;
     color: #fff;
 }

 .block-number {
     font-size: 16px;
     color: #fff;
 }

 .block-1 {
     background-image: linear-gradient(135deg, #ff6f61, #ff7c7c);
 }

 .block-2 {
     background-image: linear-gradient(135deg, #4caf50, #81c784);
 }

 .block-3 {
     background-image: linear-gradient(135deg, #2196f3, #64b5f6);
 }

 .block-4 {
     background-image: linear-gradient(135deg, #ffc107, #ffeb3b);
 }

 .block-5 {
     background-image: linear-gradient(135deg, #9c27b0, #ba68c8);
 }

 .stats-block:hover {
     transform: translateY(-10px);
     /* Slight lift effect on hover */
     box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
     /* Stronger shadow on hover */
 }

 /* Section 2: Search Bar */
 .search-container {
     margin-bottom: 40px;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .search-bar {
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .search-bar input[type="text"] {
     width: 300px;
     padding: 10px;
     border-radius: 5px;
     border: 1px solid #ddd;
     margin-right: 10px;
 }

 .search-bar button {
     padding: 10px 15px;
     background-color: #4caf50;
     color: white;
     border: none;
     border-radius: 5px;
     cursor: pointer;
 }

 /* Section 3: Tables */
 .table-container {
     margin-top: 40px;
 }

 table {
     width: 100%;
     border-collapse: collapse;
     margin-bottom: 20px;
 }

 table,
 th,
 td {
     border: 1px solid #ddd;
     text-align: left;
 }

 th,
 td {
     padding: 12px;
 }

 th {
     background-color: #f4f7fa;
 }

 .empty-message {
     text-align: center;
     color: #888;
 }

 /* Responsive Layout: for mobile screens */
 @media screen and (max-width: 768px) {
     .stats-container {
         grid-template-columns: repeat(2, 1fr);
         /* 2 columns */
         grid-template-rows: repeat(3, 1fr);
         /* 3 rows */
     }

     /* Optional: Adjust size of the blocks on smaller screens */
     .stats-block {
         height: 60px;
     }

     table td.address {
         max-width: 150px;
         overflow: hidden;
         white-space: nowrap;
         text-overflow: ellipsis;
     }
     table {
        font-size: 12px;
     }
 }