@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
:root {
  --navbar-bg: var(--uf-purple);
  --sidebar-width: 250px;
  --main-bg: #f8f9fa;
  --transition-speed: 0.3s;
  --uf-purple: #a31a7f;
  --uf-pink: #e50051;
  --uf-orange: #f37021;
  --uf-yellow: #c4d600;
  --uf-green: #82c341;
  --uf-mint: #00b388;
  --uf-slate: #586d76;
  --sidebar-active-bg: var(--uf-purple);
  --sidebar-active-text: #ffffff;
  --sidebar-hover-bg: rgba(153, 27, 179, 0.1);
  --text-main: var(--uf-slate);
  --action-color: var(--uf-orange);
  --success-color: var(--uf-green);
  --info-color: var(--uf-mint);
}

body {
  font-family: "Inter", system-ui, -apple-system, sans-serif;
  color: var(--uf-slate);
  background-color: transparent;
  background: linear-gradient(135deg, #F8F9FA 0%, #F0E6EF 100%) no-repeat;
  background-attachment: fixed;
  min-height: 100vh;
}

nav.navbar {
  height: 65px;
  background-color: var(--navbar-bg);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  z-index: 1030;
}
nav.navbar .navbar-brand {
  font-weight: 700;
  color: var(--uf-purple);
}
nav.navbar .btn-menu-toggle {
  display: none;
}

aside {
  transition: all var(--transition-speed);
  z-index: 1020;
  background: white;
}
aside .nav-pills .nav-link {
  color: var(--uf-slate);
  font-weight: 500;
  padding: 0.8rem 1rem;
  border-radius: 8px;
  margin-bottom: 5px;
  transition: all 0.2s;
}
aside .nav-pills .nav-link i {
  margin-right: 10px;
  font-size: 1.1rem;
  vertical-align: middle;
}
aside .nav-pills .nav-link:hover {
  background-color: rgba(153, 27, 179, 0.05);
  color: var(--uf-purple);
}
aside .nav-pills .nav-link.active {
  background-color: var(--uf-purple);
  color: white;
  box-shadow: 0 4px 12px rgba(153, 27, 179, 0.2);
}

main {
  background: transparent !important;
}
main .card {
  border: none;
  border-radius: 15px;
  transition: transform 0.2s ease;
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.3);
}
main .card:hover {
  transform: translateY(-4px);
}
main .card .card-title {
  font-size: 1.1rem;
  letter-spacing: -0.02em;
}
main .alert-danger {
  background-color: #fff;
  border-left: 5px solid var(--uf-pink) !important;
  color: var(--uf-slate);
  border-radius: 10px;
}

.active-action {
  background-color: var(--uf-purple) !important;
  color: white !important;
  border-color: var(--uf-purple) !important;
}

.btn-ufolep-orange {
  background-color: var(--uf-orange);
  color: white;
  border: none;
}
.btn-ufolep-orange:hover {
  background-color: var(--uf-pink);
}

.btn-ufolep-purple {
  background-color: var(--uf-purple);
  color: white;
  border: none;
}
.btn-ufolep-purple:hover {
  background-color: var(--uf-pink);
}

::-webkit-scrollbar {
  width: 5px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: #cbd5e0;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--uf-purple);
}

@media (max-width: 991.98px) {
  nav.navbar .btn-menu-toggle {
    display: block;
  }
  aside {
    position: fixed;
    top: 65px;
    left: -100%;
    height: calc(100vh - 65px);
    width: var(--sidebar-width) !important;
    transition: left var(--transition-speed) ease-in-out !important;
    box-shadow: 10px 0 15px rgba(0, 0, 0, 0.1);
  }
  aside.active {
    left: 0;
  }
}/*# sourceMappingURL=main.css.map */