.f-1 {
  font-size: 0.0625rem !important;
}

.f-2 {
  font-size: 0.125rem !important;
}

.f-3 {
  font-size: 0.1875rem !important;
}

.f-4 {
  font-size: 0.25rem !important;
}

.f-5 {
  font-size: 0.3125rem !important;
}

.f-6 {
  font-size: 0.375rem !important;
}

.f-7 {
  font-size: 0.4375rem !important;
}

.f-8 {
  font-size: 0.5rem !important;
}

.f-9 {
  font-size: 0.5625rem !important;
}

.f-10 {
  font-size: 0.625rem !important;
}

.f-11 {
  font-size: 0.6875rem !important;
}

.f-12 {
  font-size: 0.75rem !important;
}

.f-13 {
  font-size: 0.8125rem !important;
}

.f-14 {
  font-size: 0.875rem !important;
}

.f-15 {
  font-size: 0.9375rem !important;
}

.f-16 {
  font-size: 1rem !important;
}

.f-17 {
  font-size: 1.0625rem !important;
}

.f-18 {
  font-size: 1.125rem !important;
}

.f-19 {
  font-size: 1.1875rem !important;
}

.f-20 {
  font-size: 1.25rem !important;
}

.f-21 {
  font-size: 1.3125rem !important;
}

.f-22 {
  font-size: 1.375rem !important;
}

.f-23 {
  font-size: 1.4375rem !important;
}

.f-24 {
  font-size: 1.5rem !important;
}

.f-25 {
  font-size: 1.5625rem !important;
}

.f-26 {
  font-size: 1.625rem !important;
}

.f-27 {
  font-size: 1.6875rem !important;
}

.f-28 {
  font-size: 1.75rem !important;
}

.f-29 {
  font-size: 1.8125rem !important;
}

.f-30 {
  font-size: 1.875rem !important;
}

.f-31 {
  font-size: 1.9375rem !important;
}

.f-32 {
  font-size: 2rem !important;
}

.f-33 {
  font-size: 2.0625rem !important;
}

.f-34 {
  font-size: 2.125rem !important;
}

.f-35 {
  font-size: 2.1875rem !important;
}

.f-36 {
  font-size: 2.25rem !important;
}

.f-37 {
  font-size: 2.3125rem !important;
}

.f-38 {
  font-size: 2.375rem !important;
}

.f-39 {
  font-size: 2.4375rem !important;
}

.f-40 {
  font-size: 2.5rem !important;
}

.f-41 {
  font-size: 2.5625rem !important;
}

.f-42 {
  font-size: 2.625rem !important;
}

.f-43 {
  font-size: 2.6875rem !important;
}

.f-44 {
  font-size: 2.75rem !important;
}

.f-45 {
  font-size: 2.8125rem !important;
}

.f-46 {
  font-size: 2.875rem !important;
}

.f-47 {
  font-size: 2.9375rem !important;
}

.f-48 {
  font-size: 3rem !important;
}

.f-49 {
  font-size: 3.0625rem !important;
}

.f-50 {
  font-size: 3.125rem !important;
}

.f-51 {
  font-size: 3.1875rem !important;
}

.f-52 {
  font-size: 3.25rem !important;
}

.f-53 {
  font-size: 3.3125rem !important;
}

.f-54 {
  font-size: 3.375rem !important;
}

.f-55 {
  font-size: 3.4375rem !important;
}

.f-56 {
  font-size: 3.5rem !important;
}

.f-57 {
  font-size: 3.5625rem !important;
}

.f-58 {
  font-size: 3.625rem !important;
}

.f-59 {
  font-size: 3.6875rem !important;
}

.f-60 {
  font-size: 3.75rem !important;
}

.f-61 {
  font-size: 3.8125rem !important;
}

.f-62 {
  font-size: 3.875rem !important;
}

.f-63 {
  font-size: 3.9375rem !important;
}

.f-64 {
  font-size: 4rem !important;
}

.f-65 {
  font-size: 4.0625rem !important;
}

.f-66 {
  font-size: 4.125rem !important;
}

.f-67 {
  font-size: 4.1875rem !important;
}

.f-68 {
  font-size: 4.25rem !important;
}

.f-69 {
  font-size: 4.3125rem !important;
}

.f-70 {
  font-size: 4.375rem !important;
}

.f-71 {
  font-size: 4.4375rem !important;
}

.f-72 {
  font-size: 4.5rem !important;
}

.f-73 {
  font-size: 4.5625rem !important;
}

.f-74 {
  font-size: 4.625rem !important;
}

.f-75 {
  font-size: 4.6875rem !important;
}

.f-76 {
  font-size: 4.75rem !important;
}

.f-77 {
  font-size: 4.8125rem !important;
}

.f-78 {
  font-size: 4.875rem !important;
}

.f-79 {
  font-size: 4.9375rem !important;
}

.f-80 {
  font-size: 5rem !important;
}

.f-81 {
  font-size: 5.0625rem !important;
}

.f-82 {
  font-size: 5.125rem !important;
}

.f-83 {
  font-size: 5.1875rem !important;
}

.f-84 {
  font-size: 5.25rem !important;
}

.f-85 {
  font-size: 5.3125rem !important;
}

.f-86 {
  font-size: 5.375rem !important;
}

.f-87 {
  font-size: 5.4375rem !important;
}

.f-88 {
  font-size: 5.5rem !important;
}

.f-89 {
  font-size: 5.5625rem !important;
}

.f-90 {
  font-size: 5.625rem !important;
}

.f-91 {
  font-size: 5.6875rem !important;
}

.f-92 {
  font-size: 5.75rem !important;
}

.f-93 {
  font-size: 5.8125rem !important;
}

.f-94 {
  font-size: 5.875rem !important;
}

.f-95 {
  font-size: 5.9375rem !important;
}

.f-96 {
  font-size: 6rem !important;
}

.f-97 {
  font-size: 6.0625rem !important;
}

.f-98 {
  font-size: 6.125rem !important;
}

.f-99 {
  font-size: 6.1875rem !important;
}

:root {
  --body-bg: #1A1F2F;
  --body-color: #ffffff;
  --card-bg: #232938;
  --card-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.2);
  --topbar-bg: #15171E;
  --topbar-border: rgba(255, 255, 255, 0.08);
  --muted-color: rgba(255, 255, 255, 0.75);
  --border-color: rgba(255, 255, 255, 0.1);
  --divider-bg: rgba(255, 255, 255, 0.08);
  --notif-btn-color: rgba(255, 255, 255, 0.55);
  --notif-btn-hover-color: #ffffff;
  --notif-btn-hover-bg: rgba(255, 255, 255, 0.08);
  --notif-dot-border: #15171E;
  --notif-header-bg: #2b3249;
  --notif-time-color: rgba(255, 255, 255, 0.4);
  --notif-col-header-color: rgba(255, 255, 255, 0.5);
  --dropdown-bg: #232938;
  --dropdown-color: rgba(255, 255, 255, 0.85);
  --dropdown-link-color: rgba(255, 255, 255, 0.85);
  --dropdown-link-hover-color: #ffffff;
  --dropdown-hover-bg: rgba(255, 255, 255, 0.07);
  --dashboard-pill-bg: #15171E;
  --dashboard-pill-hover-bg: #252935;
}

[data-theme=light] {
  --body-bg: #eef2f7;
  --body-color: #1a202c;
  --card-bg: #ffffff;
  --card-shadow: 5px 5px 15px 5px rgba(0, 0, 0, 0.06);
  --topbar-bg: #ffffff;
  --topbar-border: rgba(0, 0, 0, 0.1);
  --muted-color: rgba(0, 0, 0, 0.55);
  --border-color: rgba(0, 0, 0, 0.12);
  --divider-bg: rgba(0, 0, 0, 0.08);
  --notif-btn-color: rgba(0, 0, 0, 0.55);
  --notif-btn-hover-color: rgba(0, 0, 0, 0.85);
  --notif-btn-hover-bg: rgba(0, 0, 0, 0.05);
  --notif-dot-border: #ffffff;
  --notif-header-bg: #f5f7fa;
  --notif-time-color: rgba(0, 0, 0, 0.4);
  --notif-col-header-color: rgba(0, 0, 0, 0.5);
  --dropdown-bg: #ffffff;
  --dropdown-color: rgba(0, 0, 0, 0.85);
  --dropdown-link-color: rgba(0, 0, 0, 0.85);
  --dropdown-link-hover-color: rgba(0, 0, 0, 0.95);
  --dropdown-hover-bg: rgba(0, 0, 0, 0.05);
  --dashboard-pill-bg: #e8edf5;
  --dashboard-pill-hover-bg: #d8e0ee;
}

body {
  background-color: var(--body-bg) !important;
  color: var(--body-color) !important;
  transition: background-color 0.2s ease, color 0.2s ease;
}

@media (min-width: 992px) {
  #mainContent {
    margin-left: 260px;
  }
}
#sidebar {
  width: 260px;
  background-color: #15171E;
  color: #c8d3e0;
  min-height: 100vh;
}
@media (min-width: 992px) {
  #sidebar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 100;
    overflow-y: auto;
  }
}

.sidebar-brand {
  height: 56px;
  display: flex;
  align-items: center;
  padding: 0 1.25rem;
  font-size: 1.1rem;
  font-weight: 700;
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.sidebar-brand:hover {
  color: #fff;
}

.sidebar-nav .nav-section {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: rgba(255, 255, 255, 0.35);
  padding: 1rem 1.25rem 0.25rem;
}
.sidebar-nav .nav-link {
  color: #c8d3e0;
  padding: 0.6rem 1.25rem;
  border-radius: 0.375rem;
  margin: 2px 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  font-size: 0.9rem;
  transition: background 0.15s, color 0.15s;
  font-weight: bold;
}
.sidebar-nav .nav-link:hover, .sidebar-nav .nav-link.active {
  background-color: #3E83F3;
  color: #ffffff;
}

#mobileSidebar {
  width: 260px;
  background-color: #15171E;
  color: #c8d3e0;
}

#topbar {
  height: 56px;
  position: sticky;
  top: 0;
  z-index: 99;
  background-color: var(--topbar-bg);
  border-bottom: 1px solid var(--topbar-border);
  color: var(--body-color);
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.dashboard-pills {
  background-color: var(--dashboard-pill-bg);
  color: var(--body-color);
  transition: background 0.15s, transform 0.15s, color 0.2s ease;
  cursor: pointer;
}
.dashboard-pills:hover {
  background-color: var(--dashboard-pill-hover-bg);
  transform: translateY(-2px);
}
.dashboard-pills .pills-icon {
  width: 44px;
  height: 45px;
}
.dashboard-pills .pills-icon.planning {
  background-color: #dbeafe;
}
.dashboard-pills .pills-icon.planning i {
  color: #007bff;
}
.dashboard-pills .pills-icon.documents {
  background-color: #dcfce7;
}
.dashboard-pills .pills-icon.documents i {
  color: #198754;
}
.dashboard-pills .pills-icon.messages {
  background-color: #f3e8ff;
}
.dashboard-pills .pills-icon.messages i {
  color: #9333ea;
}
.dashboard-pills .pills-icon.vacancy {
  background-color: #ffedd5;
}
.dashboard-pills .pills-icon.vacancy i {
  color: #eb6119;
}
.dashboard-pills .counter.notifications i {
  color: #dc3545;
}
.dashboard-pills .counter.plannings i {
  color: #007bff;
}
.dashboard-pills .counter.documents i {
  color: #198754;
}
.dashboard-pills .counter.requests i {
  color: #eb6119;
}
.dashboard-pills p {
  font-size: 0.8rem;
  opacity: 0.9;
  font-weight: bold;
}
.dashboard-pills .badge {
  font-size: 0.7rem;
  vertical-align: middle;
}

.footer {
  background-color: #15171E;
  font-size: 0.8rem;
}

.footer-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: white;
  text-decoration: none;
}
.footer-link.active i {
  color: #3E83F3;
}

@media (max-width: 991.98px) {
  #mainContent > main {
    padding-bottom: 5.5rem !important;
  }
}
.nav-link .bi {
  font-size: 25px;
}

.card {
  background-color: var(--card-bg) !important;
  color: var(--body-color) !important;
  -webkit-box-shadow: var(--card-shadow);
  box-shadow: var(--card-shadow);
  transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
.card .text-muted {
  color: var(--muted-color) !important;
}
.card .avatar {
  width: 70px;
  height: 70px;
  background-color: black;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
}
.card a {
  text-decoration: none;
}

header h1 {
  font-size: 2rem;
}

.notif-btn {
  border: none;
  background: transparent;
  color: var(--notif-btn-color);
  font-size: 1.15rem;
  padding: 0.3rem 0.45rem;
  line-height: 1;
  cursor: pointer;
  transition: color 0.15s;
  border-radius: 6px;
}
.notif-btn:hover, .notif-btn:focus {
  color: var(--notif-btn-hover-color);
  outline: none;
  background: var(--notif-btn-hover-bg);
}
.notif-btn--active {
  color: #dc3545;
}
.notif-btn--active:hover, .notif-btn--active:focus {
  color: #c62232;
}

.notif-dot {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #dc3545;
  border: 2px solid var(--notif-dot-border);
}

.notif-dropdown {
  width: 300px;
  max-height: 420px;
  overflow-y: auto;
  background-color: var(--dropdown-bg) !important;
  border-color: var(--border-color) !important;
  --bs-dropdown-bg: var(--dropdown-bg);
  --bs-dropdown-color: var(--dropdown-color);
  --bs-dropdown-link-color: var(--dropdown-link-color);
  --bs-dropdown-link-hover-color: var(--dropdown-link-hover-color);
  --bs-dropdown-link-hover-bg: var(--dropdown-hover-bg);
  --bs-dropdown-border-color: var(--border-color);
  --bs-dropdown-divider-bg: var(--divider-bg);
}

.notif-header {
  background-color: var(--notif-header-bg);
  border-color: var(--border-color) !important;
  color: var(--body-color);
}

.notif-item {
  white-space: normal;
}

.notif-icon {
  font-size: 1rem;
  color: #3E83F3;
}

.notif-time {
  font-size: 0.68rem;
  color: var(--notif-time-color);
  margin-top: 1px;
}

.theme-toggle-btn {
  border: none;
  background: transparent;
  color: var(--notif-btn-color);
  font-size: 1.1rem;
  padding: 0.3rem 0.45rem;
  line-height: 1;
  cursor: pointer;
  border-radius: 6px;
  transition: color 0.15s, background 0.15s;
}
.theme-toggle-btn:hover, .theme-toggle-btn:focus {
  color: var(--notif-btn-hover-color);
  outline: none;
  background: var(--notif-btn-hover-bg);
}

.profile-avatar {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #3E83F3;
  display: flex;
  align-items: center;
  justify-content: center;
}
.profile-avatar__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.profile-avatar__initials {
  font-size: 2rem;
  font-weight: 700;
  color: #fff;
}

.header-avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  object-fit: cover;
}

.notif-col-header {
  font-size: 0.75rem;
  color: var(--notif-col-header-color);
  width: 3rem;
  text-align: center;
}

.notif-switch {
  width: 2.5em;
  height: 1.35em;
  cursor: pointer;
}
.notif-switch:checked {
  background-color: #3E83F3;
  border-color: #3E83F3;
}
.notif-switch + label {
  display: none;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../../assets/styles/fonts.scss%22,%22../../assets/styles/app.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AACI;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;ACiBR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACI;EACA;EACA;;;AAIJ;EACI;IACI,aA/Ee;;;AAoFvB;EACI,OArFmB;EAsFnB,kBArFmB;EAsFnB,OArFmB;EAsFnB;;AAEA;EANJ;IAOQ;IACA;IACA;IACA;IACA;IACA;;;;AAIR;EACI,QAhGmB;EAiGnB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;;AAKJ;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI,OA5He;EA6Hf;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EAEI,kBAvIW;EAwIX,OAvIW;;;AA4IvB;EACI,OAjJmB;EAkJnB,kBAjJmB;EAkJnB,OAjJmB;;;AAqJvB;EACI,QAnJmB;EAoJnB;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EAiBI;EACA;;AAjBA;EACI;;AACA;EAAI,OA3KO;;AA6Kf;EACI;;AACA;EAAI,OA7KO;;AA+Kf;EACI;;AACA;EAAI,OA7KO;;AA+Kf;EACI;;AACA;EAAI,OAhLO;;AAuLf;EAAoB,OAzLL;;AA0Lf;EAAqB,OA/LN;;AAgMf;EAAqB,OA9LN;;AA+Lf;EAAqB,OA1LN;;AA6LnB;EACI;EACA;EACA;;AAGJ;EACI;EACA;;;AAKR;EACI,kBAvNmB;EAwNnB;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EAAa,OAhOM;;;AAmOvB;EACI;IACI;;;AAKJ;EACI;;;AAKR;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;;AAKJ;EACI;;;AAKR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI,OA/Re;;AAgSf;EAAmB;;;AAI3B;EACI;EACA;EAAU;EACV;EAAY;EACZ;EACA,YAzSmB;EA0SnB;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA,OAhVmB;;;AAmVvB;EACI;EACA;EACA;;;AAIJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;;AAKR;EACI;EACA;EACA;EACA;EACA,kBAlXmB;EAmXnB;EACA;EACA;;AAEA;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;AAEA;EACI,kBAxZe;EAyZf,cAzZe;;AA4ZnB;EACI%22,%22file%22:%22app.output.css%22%7D */