* {
 margin: 0;
 padding: 0;
 box-sizing: border-box;
}

label,
th {
 font-family: "Gotham Bold";
 font-weight: bold;
}
td {
 font-family: "Gotham Medium";
 font-weight: 500;
 color: #5b666f;
}

:root {
 scrollbar-width: none;
 --color-primary: #3e4a74; /* Primary color */
 --color-secondary: #5b666f; /* Secondary color */
 --color-primary-light: #5b6b94; /* Lighter primary */
 --color-primary-dark: #2a3454; /* Darker primary */
 --color-secondary-light: #33c4e8; /* Lighter secondary */
 --color-white: #ffffff; /* White */
 --color-red: #e01e3c; /*  Red */

 /* Legacy colors for backward compatibility */
 --color-theme-light-gray: #3e4a74;
 --color-theme-dark-gray: #2a3454;
 --color-theme-hover-dark-gray: #5b6b94;
}
/* Header Styles */
.header {
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding: 0px 16px;
 background: var(--color-white);
 box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
 z-index: 1000;
}

.header-logo img {
 height: 60px;
 width: auto;
}
.logout-content {
 cursor: pointer;
 margin-top: 5px;
}

.header-user {
 display: flex;
 align-items: center;
 gap: 8px;
 font-family: "Gotham Bold";
 font-size: 16px;
 color: var(--color-primary);
 font-weight: 500;
 padding-right: 8px;
}
@media (max-width: 768px) {
 .header {
  padding: 8px 12px;
 }

 .header-logo img {
  height: 38px;
 }

 .header-user {
  font-size: 12px;
 }
}