 
    :root {
      --white: #ffffff;
      --text-color: #f8f9fa;
      --primary-color: #007bff;
      --shadow-light: rgba(0, 0, 0, 0.1);
      --bg-primary: #004d40;
    }

    body {
      font-family: Arial, sans-serif;
      margin-top: 80px;
      background-color: #f0f2f5;
    }

    .main-header {
      position: fixed;
      width: 100%;
      top: 0;
      left: 0;
      z-index: 500;
    }

    .navbar {
      padding: 0.6rem 1rem;
      background-color: var(--bg-primary);
      box-shadow: 0 2px 10px var(--shadow-light);
    }

   .navbar-brand {
  margin-left: 0 !important;
  padding-left: 0 !important;
  display: flex;
  align-items: center;
}

.navbar-brand img {
  height: 40px;
  width: auto;
  display: block;
}


    .container.custom-container {
      max-width: 1100px;
      padding-left: 1rem;
      padding-right: 1rem;
    }

    .navbar-nav li {
      margin-right: 25px;
      white-space: nowrap;
    }

    .navbar-nav .nav-link {
      padding: 8px 15px;
      font-size: 1rem;
      color: var(--white);
    }

    .navbar-brand {
      margin-right: 55px;
    }

    .dropdown-menu {
      border: none;
      box-shadow: 0 4px 15px var(--shadow-light);
      background-color: var(--bg-primary);
    }

    .dropdown-menu .dropdown-item {
      color: var(--white);
      padding: 10px 20px;
    }

    .dropdown-menu .dropdown-item:hover {
      background-color: rgba(255, 255, 255, 0.1);
    }

    .d-flex.align-items-center {
      gap: 15px;
    }

    .work-schedule {
      display: flex;
      align-items: center;
      gap: 10px;
      font-weight: 600;
      color: #fff;
      padding: 6px 14px;
      border-radius: 6px;
      background-color: rgba(255, 255, 255, 0.15);
    }

    #current-time {
      font-size: 1rem;
    }

    #work-status {
      font-size: 0.85rem;
      padding: 2px 8px;
      border-radius: 4px;
      color: #fff;
      white-space: nowrap;
    }

    .status-working {
      background-color: #28a745;
    }

    .status-closed {
      background-color: #dc3545;
    }
 