* {
    margin: 0;
    padding: 0;
}

body {
   background-color: #f5f5dc;
   height: 100vh;
   overflow: hidden;
}

.pro-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: linear-gradient(to right, #101010, #303030);
  color: white;
  padding: 1rem 2rem;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.brand {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.brand img {
    border-radius: 50%;
}
.brand p {
    color: #add8e6;
}

.page-title {
  flex-grow: 1;
  text-transform: capitalize;
  text-align: center;
  font-size: 1.5rem;
}
.nav-controls button {
  margin-left: 1rem;
  background-color: #ff8c00;
  color: white;
  border: none;
  padding: 0.6rem 1rem;
  cursor: pointer;
  border-radius: 6px;
}

.main_contents-box {
   position: relative;
   display: grid;
   grid-template-columns: 0.8fr 1.5fr 1fr;
   gap: 20px;
   padding: 20px;
}

.panel-section {
   background-color: #f8f8f8;
   /* padding: 15px; */
   height: 70vh;
   border-radius: 8px;
   box-shadow: 0 2px 4px rgba(0,0,0,0.1);
   overflow: hidden;
}
.panel-section h5 {
   background-color: #f8f8f8;
   padding: 2px 0 5px 0px;
}

/*...... Classification section start.....*/
.classification {
   background-image: url("https://i.postimg.cc/prTjQ3w0/Lotto-shot.webp");
   background-position: center;
   background-size: contain;
}
.chart-contents-container {
   width: 100%;
   height: 100%;
   padding: 0 5px 2.5rem;
   margin-top: 1em;
   overflow-y: scroll;
   scrollbar-width: thin;
}
.chart-tables-wrapper {
   display: flex;
   flex-direction: column;
   margin: auto 20px;
   justify-content: center;
   align-items: center;
   gap: 2em;
}
.chart-header-wrapper {
   position: sticky;
   top: 0;
   color: #fff;
   background-color: #ff0000;
}
.chart-header {
   writing-mode: tb;
   padding: 5px;
   font-size: 14px;
   transform: rotate(-180deg);
}
tbody {
   background-color: #ffff00;
}
.num {
   color: white;
   background-color: #800080;
}
td {
   padding: 5px;
   text-align: center;
   font-weight: 400;
}
/*...... Classification section end.....*/