body {
    font-family: 'Prompt', Arial, sans-serif;
     margin: 20px;
     background-color: #f5f5f5;
 }

 .container {
     background-color: white;
     padding: 20px;
     border-radius: 8px;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);

 }

 table {
     width: 100%;
     border-collapse: collapse;
     margin-top: 10px;
 }

 .header {
     background: linear-gradient(270deg, #030302, #494946, #030302);
     color: #FDD387;
     text-align: center;
     padding: 14px;
     font-size: 18px;
     font-weight: bold;
     position: relative;
 }

 .price-indicator {
     position: absolute;
     top: 9px;
     right: 5%;
    background-color: transparent; 
     color: #f3f3f3;
     padding: 2px;
     border-radius: 2px;
     
 }

 .column-header {
     background: linear-gradient(360deg, #84775d, #FDD387);
     color: rgb(0, 0, 0);
     padding: 10px;
     text-align: center;
     font-size: 14px;
     border: 1px solid #2c3e50;
 }

 .row-header {
     background: linear-gradient(270deg, #494946, #030302, #494946);
     color: #FDD387;
     padding: 10px;
     font-weight: bold;
     text-align: center;
     border: 1px solid #bdc3c7;
     color: #fbdeb2;
 }

 .data-cell {
     padding: 15px;
     text-align: center;
     border: 1px solid #bdc3c7;
     background-color: white;
     height: 60px;
     vertical-align: middle;
 }

 .star {
     font-size: 24px;
     color: #f39c12;
     text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
 }

 .empty-cell {
     background-color: #fafafa;
 }

 .large-cell {
     height: 120px;
 }