.dashboard-page,
.dashboard-page * {
  box-sizing: border-box;
}
.dashboard-page {
  background: linear-gradient(to left, #faf8ff, #faf8ff),
    linear-gradient(to left, #ffffff, #ffffff);
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  min-height: 100vh;
  height: auto;
  position: relative;
}
.container {
  flex-shrink: 0;
  position: fixed;
  right: 0px;
  left: 0px;
  bottom: 0px;
  top: 0px;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}
.overlay-blur {
  background: rgba(204, 229, 255, 0.3);
  border-radius: 9999px;
  width: 704px;
  height: 704px;
  position: absolute;
  left: -128px;
  top: -204.8px;
  filter: blur(65px);
}
.overlay-blur2 {
  background: rgba(220, 225, 255, 0.3);
  border-radius: 9999px;
  width: 640px;
  height: 640px;
  position: absolute;
  right: -192px;
  top: 409.59px;
  filter: blur(75px);
}
.overlay-blur3 {
  background: rgba(201, 230, 255, 0.25);
  border-radius: 9999px;
  width: 576px;
  height: 576px;
  position: absolute;
  left: 256px;
  bottom: -204.8px;
  filter: blur(70px);
}
.container2 {
  padding: 20px 24px 80px 296px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  min-height: 100vh;
  height: auto;
  position: relative;
  box-sizing: border-box;
}
.main-content-layout-with-proper-left-margin-for-persistent-sidebar {
  padding: 0px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: stretch;
  justify-content: flex-start;
  align-self: stretch;
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  height: auto;
  min-height: 100vh;
  position: relative;
  box-sizing: border-box;
}
.top-floating-header-bar-margin {
  display: none;
}
.main-scrollable-area {
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: stretch;
  justify-content: flex-start;
  align-self: stretch;
  width: 100%;
  max-width: 1180px;
  position: relative;
  box-sizing: border-box;
}
.section-operational-welcome-action-header {
  background: rgba(255, 255, 255, 0.85);
  border-radius: 24px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.95);
  border-width: 1px;
  padding: 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  position: relative;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.02),
    0px 10px 32px -4px rgba(37, 99, 235, 0.05);
  overflow: hidden;
  backdrop-filter: blur(10px);
}
.container3 {
  display: flex;
  flex-direction: column;
  gap: 3.5px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 715px;
  position: relative;
}
.container4 {
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.container5 {
  flex-shrink: 0;
  width: 53.61px;
  height: 16.5px;
  position: relative;
}
.text {
  color: #94a3b8;
  text-align: left;
  font-family: "PlusJakartaSans-SemiBold", sans-serif;
  font-size: 11px;
  line-height: 16.5px;
  letter-spacing: 0.55px;
  font-weight: 600;
  text-transform: uppercase;
  position: absolute;
  left: 0px;
  top: -1px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.container6 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.container7 {
  flex-shrink: 0;
  width: 79.2px;
  height: 16.5px;
  position: relative;
}
.container8 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.container9 {
  flex-shrink: 0;
  width: 118.11px;
  height: 16.5px;
  position: relative;
}
.text2 {
  color: #2563eb;
  text-align: left;
  font-family: "PlusJakartaSans-Bold", sans-serif;
  font-size: 11px;
  line-height: 16.5px;
  letter-spacing: 0.55px;
  font-weight: 700;
  text-transform: uppercase;
  position: absolute;
  left: 0px;
  top: -1px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.heading-1 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.text3 {
  color: #0f172a;
  text-align: left;
  font-family: "PlusJakartaSans-ExtraBold", sans-serif;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: 800;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.container10 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  flex-shrink: 0;
  max-width: 672px;
  position: relative;
}
.ringkasan-data-operasional-kelas-inventaris-dan-validasi-permohonan-terkini-secara-real-time {
  color: #64748b;
  text-align: left;
  font-family: "PlusJakartaSans-Medium", sans-serif;
  font-size: 13.5px;
  line-height: 21.94px;
  font-weight: 500;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.quick-action-bar-styled-with-soft-login-aesthetics {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.button {
  background: #ffffff;
  border-radius: 9999px;
  border-style: solid;
  border-color: rgba(226, 232, 240, 0.8);
  border-width: 1px;
  padding: 10px 16px 10px 16px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
.container11 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.container12 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.text4 {
  color: #334155;
  text-align: center;
  font-family: "PlusJakartaSans-SemiBold", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.button2 {
  background: linear-gradient(
    90deg,
    rgba(37, 99, 235, 1) 0%,
    rgba(59, 130, 246, 1) 100%
  );
  border-radius: 9999px;
  padding: 10px 20px 10px 20px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.button-shadow {
  background: rgba(255, 255, 255, 0);
  border-radius: 9999px;
  flex-shrink: 0;
  position: absolute;
  right: -0.01px;
  left: 0px;
  bottom: 0px;
  top: 0px;
  box-shadow: 0px 8px 20px -4px rgba(37, 99, 235, 0.35);
}
.container13 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.text5 {
  color: #ffffff;
  text-align: center;
  font-family: "PlusJakartaSans-SemiBold", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section-4-metric-kpi-cards {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.card-1-total-pengguna {
  background: rgba(255, 255, 255, 0.85);
  border-radius: 22px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.95);
  border-width: 1px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 7.25px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
  backdrop-filter: blur(10px);
}
.card-1-total-pengguna-shadow {
  background: rgba(255, 255, 255, 0);
  border-radius: 22px;
  flex-shrink: 0;
  position: absolute;
  right: 0.5px;
  left: 0px;
  bottom: 0.5px;
  top: 0px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.02),
    0px 10px 32px -4px rgba(37, 99, 235, 0.05);
}
.margin {
  padding: 0px 0px 12px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.container14 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.container15 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.container16 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.text6 {
  color: #64748b;
  text-align: left;
  font-family: "PlusJakartaSans-SemiBold", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.margin2 {
  padding: 4px 0px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
._1-428 {
  color: #0f172a;
  text-align: left;
  font-family: "PlusJakartaSans-ExtraBold", sans-serif;
  font-size: 30px;
  line-height: 36px;
  letter-spacing: -0.75px;
  font-weight: 800;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.background-border-shadow {
  background: #eff6ff;
  border-radius: 16px;
  border-style: solid;
  border-color: #dbeafe;
  border-width: 1px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  position: relative;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
.container17 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.horizontal-border {
  border-style: solid;
  border-color: #f1f5f9;
  border-width: 1px 0px 0px 0px;
  padding: 8px 0px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.background {
  background: #f4f7fa;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 110.84px;
  height: 28px;
  position: relative;
}
.container18 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  height: auto;
  position: absolute;
  left: 8px;
  top: 50%;
  translate: 0 -50%;
  overflow: visible;
}
.text7 {
  color: #1d4ed8;
  text-align: left;
  font-family: "PlusJakartaSans-Bold", sans-serif;
  font-size: 11px;
  line-height: 16.5px;
  font-weight: 700;
  position: absolute;
  left: 34.02px;
  top: 50%;
  translate: 0 -50%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.text8 {
  color: #94a3b8;
  text-align: left;
  font-family: "PlusJakartaSans-Medium", sans-serif;
  font-size: 11.5px;
  line-height: 17.25px;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._320-dosen-1-080-mhs-28-staf {
  color: #64748b;
  text-align: left;
  font-family: "PlusJakartaSans-Medium", sans-serif;
  font-size: 11px;
  line-height: 16.5px;
  font-weight: 500;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.card-2-total-kelas-lab {
  background: rgba(255, 255, 255, 0.85);
  border-radius: 22px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.95);
  border-width: 1px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 7.25px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
  backdrop-filter: blur(10px);
}
.card-2-total-kelas-lab-shadow {
  background: rgba(255, 255, 255, 0);
  border-radius: 22px;
  flex-shrink: 0;
  position: absolute;
  right: 0.5px;
  left: 0px;
  bottom: 0.5px;
  top: 0px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.02),
    0px 10px 32px -4px rgba(37, 99, 235, 0.05);
}
._48 {
  color: #0f172a;
  text-align: left;
  font-family: "PlusJakartaSans-ExtraBold", sans-serif;
  font-size: 30px;
  line-height: 36px;
  letter-spacing: -0.75px;
  font-weight: 800;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.container19 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.container20 {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.background2 {
  background: #f4f7fa;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 143.73px;
  height: 28px;
  position: relative;
}
.container21 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  height: auto;
  position: absolute;
  left: 8px;
  top: 50%;
  translate: 0 -50%;
  overflow: visible;
}
.text9 {
  color: #2461e9;
  text-align: left;
  font-family: "PlusJakartaSans-Bold", sans-serif;
  font-size: 11px;
  line-height: 16.5px;
  font-weight: 700;
  position: absolute;
  left: 36.02px;
  top: 50%;
  translate: 0 -50%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._36-ruang-teori-12-lab-komputer {
  color: #64748b;
  text-align: left;
  font-family: "PlusJakartaSans-Medium", sans-serif;
  font-size: 11px;
  line-height: 16.5px;
  font-weight: 500;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.card-3-total-barang-inventaris {
  background: rgba(255, 255, 255, 0.85);
  border-radius: 22px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.95);
  border-width: 1px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 7.25px;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
  backdrop-filter: blur(10px);
}
.card-3-total-barang-inventaris-shadow {
  background: rgba(255, 255, 255, 0);
  border-radius: 22px;
  flex-shrink: 0;
  position: absolute;
  right: 0.5px;
  left: 0px;
  bottom: 0.5px;
  top: 0px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.02),
    0px 10px 32px -4px rgba(37, 99, 235, 0.05);
}
._3-850 {
  color: #0f172a;
  text-align: left;
  font-family: "PlusJakartaSans-ExtraBold", sans-serif;
  font-size: 30px;
  line-height: 36px;
  letter-spacing: -0.75px;
  font-weight: 800;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.background-border-shadow2 {
  background: #eef2ff;
  border-radius: 16px;
  border-style: solid;
  border-color: #e0e7ff;
  border-width: 1px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  position: relative;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
.container22 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.background3 {
  background: #eef2ff;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 116.53px;
  height: 28px;
  position: relative;
}
.container23 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  height: auto;
  position: absolute;
  left: 8px;
  top: 50%;
  translate: 0 -50%;
  overflow: visible;
}
.text10 {
  color: #2461e9;
  text-align: left;
  font-family: "PlusJakartaSans-Bold", sans-serif;
  font-size: 11px;
  line-height: 16.5px;
  font-weight: 700;
  position: absolute;
  left: 34.02px;
  top: 50%;
  translate: 0 -50%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.elektronik-proyektor-audio-av {
  color: #64748b;
  text-align: left;
  font-family: "PlusJakartaSans-Medium", sans-serif;
  font-size: 11px;
  line-height: 16.5px;
  font-weight: 500;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.card-4-menunggu-validasi-harmonious-amber-glow {
  background: #fefeff;
  border-radius: 22px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  flex: 1;
  height: 176px;
  position: relative;
  backdrop-filter: blur(10px);
}
.card-4-menunggu-validasi-harmonious-amber-glow-shadow {
  background: rgba(255, 255, 255, 0);
  border-radius: 22px;
  flex-shrink: 0;
  position: absolute;
  right: 0.5px;
  left: 0px;
  bottom: 0.25px;
  top: 0px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.02),
    0px 10px 32px -4px rgba(254, 254, 255, 1);
}
.container24 {
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.container25 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 128px;
  position: relative;
}
.menunggu-validasi {
  color: #475569;
  text-align: left;
  font-family: "PlusJakartaSans-SemiBold", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._14 {
  color: #0f172a;
  text-align: left;
  font-family: "PlusJakartaSans-ExtraBold", sans-serif;
  font-size: 30px;
  line-height: 36px;
  letter-spacing: -0.75px;
  font-weight: 800;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.overlay-border-shadow {
  margin: 0 0 0 0px;
  background: #eef2ff;
  border-radius: 16px;
  border-style: solid;
  border-color: rgba(224, 231, 255, 0);
  border-width: 1px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 38.67px;
  height: 44px;
  position: relative;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
.container26 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.horizontal-border2 {
  border-style: solid;
  border-color: #f3f6fa;
  border-width: 1px 0px 0px 0px;
  padding: 8px 0px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.text11 {
  color: #2765ec;
  text-align: left;
  font-family: "PlusJakartaSans-Bold", sans-serif;
  font-size: 11.5px;
  line-height: 17.25px;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.memerlukan-approval-dosen-admin {
  color: #64748b;
  text-align: left;
  font-family: "PlusJakartaSans-Medium", sans-serif;
  font-size: 11px;
  line-height: 16.5px;
  font-weight: 500;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.analytics-section-2-balanced-columns {
  flex-shrink: 0;
  display: grid;
  gap: 24px;
  position: relative;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-rows: 531.5px;
}
.left-peminjaman-per-bulan-7-cols {
  background: rgba(255, 255, 255, 0.85);
  border-radius: 24px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.95);
  border-width: 1px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 52.3px;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  backdrop-filter: blur(10px);
  grid-column: 1 / span 7;
  grid-row: 1 / span 1;
}
.left-peminjaman-per-bulan-7-cols-shadow {
  background: rgba(255, 255, 255, 0);
  border-radius: 24px;
  flex-shrink: 0;
  position: absolute;
  right: 0.5px;
  left: 0px;
  bottom: 0.1px;
  top: 0px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.02),
    0px 10px 32px -4px rgba(37, 99, 235, 0.05);
}
.margin3 {
  padding: 0px 0px 16px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.container27 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.heading-2 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.text12 {
  color: #0f172a;
  text-align: left;
  font-family: "PlusJakartaSans-Bold", sans-serif;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.45px;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.text13 {
  color: #64748b;
  text-align: left;
  font-family: "PlusJakartaSans-Medium", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.overlay-border {
  background: rgba(241, 245, 249, 0.8);
  border-radius: 9999px;
  border-style: solid;
  border-color: rgba(226, 232, 240, 0.6);
  border-width: 1px;
  padding: 4px;
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.button3 {
  background: #2563eb;
  border-radius: 9999px;
  padding: 4px 14.71px 4px 14.7px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
.bulan {
  color: #ffffff;
  text-align: center;
  font-family: "PlusJakartaSans-SemiBold", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.button4 {
  border-radius: 9999px;
  padding: 4px 14.12px 4px 14.11px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.tahun {
  color: #475569;
  text-align: center;
  font-family: "PlusJakartaSans-Medium", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.button5 {
  border-radius: 9999px;
  padding: 4px 12px 4px 12px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.text14 {
  color: #475569;
  text-align: center;
  font-family: "PlusJakartaSans-Medium", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.clean-smooth-line-chart-margin {
  align-self: stretch;
  flex-shrink: 0;
  height: 240px;
  position: relative;
}
.clean-smooth-line-chart {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  justify-content: flex-start;
  height: 252px;
  position: absolute;
  right: 0.5px;
  left: 0px;
  top: 8px;
}
.svg {
  align-self: stretch;
  flex: 1;
  height: auto;
  position: relative;
  overflow: visible;
}
.month-labels {
  padding: 0px 16px 0px 16px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.text15 {
  color: #94a3b8;
  text-align: left;
  font-family: "PlusJakartaSans-Medium", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.text16 {
  color: #2563eb;
  text-align: left;
  font-family: "PlusJakartaSans-Bold", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.floating-active-tooltip-for-october {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 22.78%;
  position: absolute;
  right: 13.61%;
  left: 63.61%;
  top: 8px;
}
.background4 {
  background: #2461e9;
  border-radius: 8px;
  padding: 4px 10px 4px 10px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.overlay-shadow {
  background: rgba(255, 255, 255, 0);
  border-radius: 8px;
  flex-shrink: 0;
  position: absolute;
  right: 0.11px;
  left: 0px;
  bottom: 0.5px;
  top: 0px;
  box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.1),
    0px 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.okt-aktif-312-sesi {
  color: #ffffff;
  text-align: left;
  font-family: "PlusJakartaSans-SemiBold", sans-serif;
  font-size: 11px;
  line-height: 16.5px;
  letter-spacing: -0.28px;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.background-css-transform {
  margin: -5.66px 0 0 0;
  padding: 0px 53.29px 0px 53.28px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 117.89px;
  position: relative;
}
.background5 {
  background: #0f172a;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(45deg) scale(1, 1);
}
.bottom-metric-stats-margin {
  padding: 8px 0px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.bottom-metric-stats {
  border-style: solid;
  border-color: #f1f5f9;
  border-width: 1px 0px 0px 0px;
  padding: 15px 0px 0px 0px;
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.container28 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  position: relative;
}
.puncak-penggunaan {
  color: #94a3b8;
  text-align: left;
  font-family: "PlusJakartaSans-Medium", sans-serif;
  font-size: 11px;
  line-height: 16.5px;
  font-weight: 500;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.container29 {
  margin: -1px 0 0 0;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.rabu-kamis {
  color: #1e293b;
  text-align: left;
  font-family: "PlusJakartaSans-Bold", sans-serif;
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 700;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.slot-terpadat {
  color: #94a3b8;
  text-align: left;
  font-family: "PlusJakartaSans-Medium", sans-serif;
  font-size: 11px;
  line-height: 16.5px;
  font-weight: 500;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._08-00-12-00 {
  color: #1e293b;
  text-align: left;
  font-family: "PlusJakartaSans-Bold", sans-serif;
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 700;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.rata-rata-bulanan {
  color: #94a3b8;
  text-align: left;
  font-family: "PlusJakartaSans-Medium", sans-serif;
  font-size: 11px;
  line-height: 16.5px;
  font-weight: 500;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._248-sesi {
  color: #2563eb;
  text-align: left;
  font-family: "PlusJakartaSans-Bold", sans-serif;
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 700;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.rasio-persetujuan {
  color: #94a3b8;
  text-align: left;
  font-family: "PlusJakartaSans-Medium", sans-serif;
  font-size: 11px;
  line-height: 16.5px;
  font-weight: 500;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._98-4 {
  color: #1e293b;
  text-align: left;
  font-family: "PlusJakartaSans-Bold", sans-serif;
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 700;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.right-kondisi-barang-5-cols {
  background: rgba(255, 255, 255, 0.85);
  border-radius: 24px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.95);
  border-width: 1px;
  height: 531.5px;
  position: relative;
  backdrop-filter: blur(10px);
  grid-column: 8 / span 5;
  grid-row: 1 / span 1;
}
.right-kondisi-barang-5-cols-shadow {
  background: rgba(255, 255, 255, 0);
  border-radius: 24px;
  position: absolute;
  right: 0.5px;
  left: 0px;
  bottom: 0px;
  top: 0px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.02),
    0px 10px 32px -4px rgba(37, 99, 235, 0.05);
}
.margin4 {
  padding: 0px 0px 8px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  right: 25.5px;
  left: 25px;
  top: 25px;
}
.container30 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.container31 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.heading-22 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.overlay-border-shadow2 {
  background: rgba(241, 245, 249, 0.8);
  border-radius: 9999px;
  border-style: solid;
  border-color: rgba(226, 232, 240, 0.6);
  border-width: 1px;
  padding: 4px 10px 4px 10px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
.text17 {
  color: #334155;
  text-align: left;
  font-family: "PlusJakartaSans-Bold", sans-serif;
  font-size: 11px;
  line-height: 16.5px;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.distribusi-fisik-3-850-unit-inventaris-aktif-kampus {
  color: #64748b;
  text-align: left;
  font-family: "PlusJakartaSans-Medium", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.margin5 {
  padding: 4px 0px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  right: 25.5px;
  left: 25px;
  top: 281px;
}
.container32 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.overlay-border2 {
  background: rgba(248, 250, 252, 0.7);
  border-radius: 16px;
  border-style: solid;
  border-color: #f1f5f9;
  border-width: 1px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.background-shadow {
  background: #2563eb;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  position: relative;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
.text18 {
  color: #1e293b;
  text-align: left;
  font-family: "PlusJakartaSans-Bold", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.container33 {
  display: flex;
  flex-direction: row;
  gap: 5.99px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.background-border {
  background: #eff6ff;
  border-radius: 9999px;
  padding: 2px 8px 2px 8px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.text19 {
  color: #1d4ed8;
  text-align: left;
  font-family: "PlusJakartaSans-Bold", sans-serif;
  font-size: 11px;
  line-height: 16.5px;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.text20 {
  color: #1e293b;
  text-align: left;
  font-family: "PlusJakartaSans-ExtraBold", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 800;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.background6 {
  background: #f1f5f9;
  border-radius: 9999px;
  align-self: stretch;
  flex-shrink: 0;
  height: 6px;
  position: relative;
  overflow: hidden;
}
.gradient {
  background: linear-gradient(
    90deg,
    rgba(37, 99, 235, 1) 0%,
    rgba(59, 130, 246, 1) 100%
  );
  border-radius: 9999px;
  width: 91.2%;
  position: absolute;
  right: 8.8%;
  left: 0%;
  bottom: 0px;
  top: 0px;
}
.background-shadow2 {
  background: #60a5fa;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  position: relative;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
.background-border2 {
  background: #f1f5f9;
  border-radius: 9999px;
  padding: 2px 8px 2px 8px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.text21 {
  color: #475569;
  text-align: left;
  font-family: "PlusJakartaSans-Bold", sans-serif;
  font-size: 11px;
  line-height: 16.5px;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.gradient2 {
  background: linear-gradient(
    90deg,
    rgba(56, 189, 248, 1) 0%,
    rgba(59, 130, 246, 1) 100%
  );
  border-radius: 9999px;
  width: 6.8%;
  position: absolute;
  right: 93.2%;
  left: 0%;
  bottom: 0px;
  top: 0px;
}
.background-shadow3 {
  background: #f43f5e;
  border-radius: 9999px;
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  position: relative;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
.background-border3 {
  background: #fff1f2;
  border-radius: 9999px;
  padding: 2px 8px 2px 8px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.text22 {
  color: #be123c;
  text-align: left;
  font-family: "PlusJakartaSans-Bold", sans-serif;
  font-size: 11px;
  line-height: 16.5px;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.gradient3 {
  background: linear-gradient(
    90deg,
    rgba(251, 113, 133, 1) 0%,
    rgba(225, 29, 72, 1) 100%
  );
  border-radius: 9999px;
  width: 2%;
  position: absolute;
  right: 98%;
  left: 0%;
  bottom: 0px;
  top: 0px;
}
.container34 {
  padding: 4px 0px 0px 0px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.link {
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.container35 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.container36 {
  flex-shrink: 0;
  width: 87.72px;
  height: 16.5px;
  position: relative;
}
.text23 {
  color: #94a3b8;
  text-align: left;
  font-family: "PlusJakartaSans-Medium", sans-serif;
  font-size: 11px;
  line-height: 16.5px;
  font-weight: 500;
  position: absolute;
  left: 0px;
  top: -1px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.margin6 {
  padding: 12px 0px 12px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  right: 25.5px;
  left: 25px;
  top: 81px;
}
.container37 {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.container38 {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 176px;
  height: 176px;
  position: relative;
}
.svg2 {
  flex: 1;
  height: auto;
  position: relative;
  overflow: visible;
}
.container39 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: absolute;
  right: 0px;
  left: 0px;
  bottom: 0px;
  top: 0px;
}
.margin7 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.frame-6 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.kondisi-prima {
  color: #000000;
  text-align: center;
  font-family: "PlusJakartaSans-ExtraBold", sans-serif;
  font-size: 10px;
  line-height: 15px;
  letter-spacing: 0.25px;
  font-weight: 800;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.margin8 {
  padding: 2px 0px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.text24 {
  color: #0f172a;
  text-align: center;
  font-family: "PlusJakartaSans-ExtraBold", sans-serif;
  font-size: 30px;
  line-height: 30px;
  letter-spacing: -0.75px;
  font-weight: 800;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.margin9 {
  padding: 5px 0px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.text25 {
  color: #94a3b8;
  text-align: center;
  font-family: "PlusJakartaSans-SemiBold", sans-serif;
  font-size: 11px;
  line-height: 16.5px;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.table-section-pengajuan-peminjaman-terbaru {
  background: #ffffff;
  border-radius: 28px;
  border-style: solid;
  border-color: #f1f5f9;
  border-width: 1px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 1176px;
  position: relative;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
.header-with-title-badge-search-dropdown-margin {
  padding: 0px 0px 24px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.header-with-title-badge-search-dropdown {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.container40 {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.text26 {
  color: #0f172a;
  text-align: left;
  font-family: "PlusJakartaSans-Bold", sans-serif;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.6px;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.background7 {
  background: #eff6ff;
  border-radius: 9999px;
  padding: 4px 12px 4px 12px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.text27 {
  color: #2563eb;
  text-align: left;
  font-family: "PlusJakartaSans-SemiBold", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.container41 {
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-content: center;
  flex-shrink: 0;
  position: relative;
}
.input {
  background: #ffffff;
  border-radius: 9999px;
  border-style: solid;
  border-color: #e2e8f0;
  border-width: 1px;
  padding: 9px 16px 9px 16px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 256px;
  position: relative;
  overflow: hidden;
}
.container42 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.cari-peminjam-atau-ba {
  color: #94a3b8;
  text-align: left;
  font-family: "PlusJakartaSans-Medium", sans-serif;
  font-size: 14px;
  font-weight: 500;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.button6 {
  background: #ffffff;
  border-radius: 9999px;
  border-style: solid;
  border-color: #e2e8f0;
  border-width: 1px;
  padding: 8px 16px 8px 16px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.text28 {
  color: #334155;
  text-align: center;
  font-family: "PlusJakartaSans-Medium", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.container43 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.table-container-table {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  min-width: 780px;
  position: relative;
  overflow: auto;
}
.header-row {
  padding: 0px 151.97px 0px 0px;
  display: flex;
  flex-direction: row;
  gap: 54px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.cell {
  padding: 1px 16px 16px 16px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.text29 {
  color: #94a3b8;
  text-align: left;
  font-family: "PlusJakartaSans-SemiBold", sans-serif;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.6px;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.body {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.row-1-disetujui {
  border-radius: 16px;
  padding: 0px 0px 0px 16px;
  display: flex;
  flex-direction: row;
  gap: 66px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.data {
  display: flex;
  flex-direction: row;
  gap: 14px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.background-shadow4 {
  background: #2563eb;
  border-radius: 9999px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  position: relative;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
.text30 {
  color: #ffffff;
  text-align: center;
  font-family: "PlusJakartaSans-Bold", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.text31 {
  color: #0f172a;
  text-align: left;
  font-family: "PlusJakartaSans-Bold", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.data2 {
  padding: 0px 0px 0px 32px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.proyektor-epson-eb-l-200-f {
  color: #0f172a;
  text-align: left;
  font-family: "PlusJakartaSans-Bold", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.lab-multimedia-a {
  color: #94a3b8;
  text-align: left;
  font-family: "PlusJakartaSans-Medium", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._24-okt {
  color: #1e293b;
  text-align: left;
  font-family: "PlusJakartaSans-SemiBold", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._08-00-11-30-wib {
  color: #94a3b8;
  text-align: left;
  font-family: "PlusJakartaSans-Medium", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.data3 {
  padding: 30.5px 16px 29.5px 32px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.background8 {
  background: #ecfdf5;
  border-radius: 9999px;
  padding: 4px 12px 4px 12px;
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.text32 {
  color: #047857;
  text-align: left;
  font-family: "PlusJakartaSans-SemiBold", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.data4 {
  border-radius: 0px 16px 16px 0px;
  padding: 35.5px 16px 32.5px 16px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  width: 151px;
  position: relative;
}
.text33 {
  color: #94a3b8;
  text-align: right;
  font-family: "PlusJakartaSans-Medium", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.row-2-menunggu {
  border-radius: 16px;
  padding: 0px 0px 0px 16px;
  display: flex;
  flex-direction: row;
  gap: 66px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.auditorium-utama-lt-3 {
  color: #0f172a;
  text-align: left;
  font-family: "PlusJakartaSans-Bold", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.gedung-rektorat {
  color: #94a3b8;
  text-align: left;
  font-family: "PlusJakartaSans-Medium", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._13-00-17-00-wib {
  color: #94a3b8;
  text-align: left;
  font-family: "PlusJakartaSans-Medium", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.data5 {
  padding: 24.5px 16px 23.5px 32px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.background9 {
  background: #fffbeb;
  border-radius: 9999px;
  padding: 4px 12px 4px 12px;
  display: flex;
  flex-direction: row;
  gap: 6px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.text34 {
  color: #b45309;
  text-align: left;
  font-family: "PlusJakartaSans-SemiBold", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.data6 {
  border-radius: 0px 16px 16px 0px;
  padding: 20px 16px 20px 16px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-end;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.button7 {
  background: #2563eb;
  border-radius: 9999px;
  padding: 6px 20px 6px 20px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
.row-3-menunggu-highlighted-soft-blue-tone-as-in-image {
  background: rgba(239, 246, 255, 0.5);
  border-radius: 16px;
  padding: 0px 0px 0px 16px;
  display: flex;
  flex-direction: row;
  gap: 66px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.paket-mic-wireless-shure {
  color: #0f172a;
  text-align: left;
  font-family: "PlusJakartaSans-Bold", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.lab-sains-dasar {
  color: #94a3b8;
  text-align: left;
  font-family: "PlusJakartaSans-Medium", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._25-okt {
  color: #1e293b;
  text-align: left;
  font-family: "PlusJakartaSans-SemiBold", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._09-00-15-00-wib {
  color: #94a3b8;
  text-align: left;
  font-family: "PlusJakartaSans-Medium", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.row-4-menunggu {
  border-radius: 16px;
  padding: 0px 0px 0px 16px;
  display: flex;
  flex-direction: row;
  gap: 66px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.smart-board-interaktif-75 {
  color: #0f172a;
  text-align: left;
  font-family: "PlusJakartaSans-Bold", sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.ruang-sidang-senat {
  color: #94a3b8;
  text-align: left;
  font-family: "PlusJakartaSans-Medium", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
._10-00-13-00-wib {
  color: #94a3b8;
  text-align: left;
  font-family: "PlusJakartaSans-Medium", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.data7 {
  border-radius: 0px 16px 16px 0px;
  padding: 26px 16px 26px 16px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-end;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.pagination-matching-reference-image-margin {
  padding: 16px 0px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.pagination-matching-reference-image {
  border-style: solid;
  border-color: #f1f5f9;
  border-width: 1px 0px 0px 0px;
  padding: 24px 0px 0px 0px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.button8 {
  background: #2563eb;
  border-radius: 9999px;
  padding: 7.5px 0px 8.5px 0px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  position: relative;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
.text35 {
  color: #ffffff;
  text-align: center;
  font-family: "PlusJakartaSans-Bold", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.button9 {
  border-radius: 9999px;
  padding: 7.5px 0px 8.5px 0px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  position: relative;
}
.text36 {
  color: #475569;
  text-align: center;
  font-family: "PlusJakartaSans-SemiBold", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header {
  background: rgba(255, 255, 255, 0.65);
  border-radius: 24px;
  padding: 0px 24px 0px 24px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  height: 80px;
  position: fixed;
  right: 16px;
  left: 320px;
  top: 16px;
  backdrop-filter: blur(12px);
}
.header-shadow {
  background: rgba(255, 255, 255, 0);
  border-radius: 24px;
  flex-shrink: 0;
  height: 80px;
  position: absolute;
  right: 0px;
  left: 0px;
  top: 0px;
  box-shadow: 0px 12px 30px -10px rgba(0, 55, 176, 0.05);
}
.container44 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.container45 {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.text37 {
  color: #747686;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.24px;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.container46 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.admin-panel {
  color: #2777e5;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.24px;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.text38 {
  color: #131b2e;
  text-align: left;
  font-family: "PlusJakartaSans-Bold", sans-serif;
  font-size: 18px;
  line-height: 22.5px;
  letter-spacing: -0.09px;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.container47 {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.container48 {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.input2 {
  background: rgba(226, 231, 255, 0.4);
  border-radius: 9999px;
  padding: 9px 16px 10px 36px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 256px;
  position: relative;
  overflow: hidden;
}
.cari-ruang-aset-id-user {
  color: #747686;
  text-align: left;
  font-family: "PlusJakartaSans-Medium", sans-serif;
  font-size: 12px;
  font-weight: 500;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.icon {
  flex-shrink: 0;
  width: 13.5px;
  height: 13.5px;
  position: absolute;
  left: 14.25px;
  top: 10.25px;
  overflow: visible;
}
.button10 {
  background: rgba(226, 231, 255, 0.4);
  border-radius: 9999px;
  padding: 8px 16px 8px 16px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  backdrop-filter: blur(6px);
}
.container49 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.text39 {
  color: #434655;
  text-align: center;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.24px;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.button11 {
  background: rgba(226, 231, 255, 0.4);
  border-radius: 9999px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
  backdrop-filter: blur(6px);
}
.container50 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.background10 {
  background: #ba1a1a;
  border-radius: 9999px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-end;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  position: absolute;
  right: 8px;
  top: 8px;
}
.overlay-shadow2 {
  background: rgba(255, 255, 255, 0);
  border-radius: 9999px;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  position: relative;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1);
}
.background-shadow5 {
  background: #0037b0;
  border-radius: 9999px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  position: relative;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
.container51 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.aside-fixed-left-sidebar-matching-the-kelas-ku-login-identity {
  background: rgba(255, 255, 255, 0.85);
  border-radius: 26px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.95);
  border-width: 1px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 256px;
  position: fixed;
  left: 20px;
  bottom: 24px;
  top: 20px;
  backdrop-filter: blur(10px);
}
.aside-fixed-left-sidebar-matching-the-kelas-ku-login-identity-shadow {
  background: rgba(255, 255, 255, 0);
  border-radius: 26px;
  flex-shrink: 0;
  width: 256px;
  position: absolute;
  left: 0px;
  bottom: 0px;
  top: 0px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.02),
    0px 10px 32px -4px rgba(37, 99, 235, 0.05);
}
.brand-logo-matching-image-png-margin {
  padding: 0px 0px 28px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.brand-logo-matching-image-png {
  padding: 4px;
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.background11 {
  border-radius: 16px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  position: relative;
}
.overlay-shadow3 {
  background: rgba(255, 255, 255, 0);
  border-radius: 16px;
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  position: absolute;
  left: 0px;
  top: 50%;
  translate: 0 -50%;
  box-shadow: 0px 8px 20px -4px rgba(37, 99, 235, 0.35);
}
.container52 {
  flex-shrink: 0;
  width: 150px;
  height: 51.75px;
  position: relative;
}
.container53 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  right: 0px;
  left: 0px;
  top: -1px;
}
.frame-3 {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.kelas {
  color: #0f172a;
  text-align: left;
  font-family: "PlusJakartaSans-Bold", sans-serif;
  font-size: 17px;
  line-height: 21.25px;
  letter-spacing: -0.43px;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.ku {
  color: #1b67dc;
  text-align: left;
  font-family: "PlusJakartaSans-Bold", sans-serif;
  font-size: 17px;
  line-height: 21.25px;
  letter-spacing: -0.43px;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.margin10 {
  padding: 2px 0px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  right: 0px;
  left: 0px;
  top: 21.25px;
}
.sistem-monitoring-kampus {
  color: #2563eb;
  text-align: left;
  font-family: "PlusJakartaSans-Bold", sans-serif;
  font-size: 9.5px;
  line-height: 14.25px;
  letter-spacing: 0.47px;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.navigation-links {
  padding: 0px 4px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex: 1;
  position: relative;
  overflow: auto;
}
.active-dashboard-link {
  background: linear-gradient(
    90deg,
    rgba(37, 99, 235, 1) 0%,
    rgba(59, 130, 246, 1) 100%
  );
  border-radius: 9999px;
  padding: 10px 16px 10px 16px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.active-dashboard-link-shadow {
  display: none !important;
}
.container54 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.container55 {
  flex-shrink: 0;
  width: 72.17px;
  height: 20.25px;
  position: relative;
}
.text40 {
  color: #ffffff;
  text-align: left;
  font-family: "PlusJakartaSans-SemiBold", sans-serif;
  font-size: 13.5px;
  line-height: 20.25px;
  font-weight: 600;
  position: absolute;
  left: 0px;
  top: -1px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.other-links {
  border-radius: 9999px;
  padding: 10px 16px 10px 16px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.container56 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.container57 {
  flex-shrink: 0;
  width: 71.73px;
  height: 20.25px;
  position: relative;
}
.users {
  color: #475569;
  text-align: left;
  font-family: "PlusJakartaSans-Medium", sans-serif;
  font-size: 13.5px;
  line-height: 20.25px;
  font-weight: 500;
  position: absolute;
  left: 0px;
  top: -1px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.link2 {
  border-radius: 9999px;
  padding: 10px 16px 10px 16px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.container58 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.container59 {
  flex-shrink: 0;
  width: 77.11px;
  height: 20.25px;
  position: relative;
}
.kelola-ruangan {
  color: #475569;
  text-align: left;
  font-family: "PlusJakartaSans-Medium", sans-serif;
  font-size: 13.5px;
  line-height: 20.25px;
  font-weight: 500;
  position: absolute;
  left: 0px;
  top: -1px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.container60 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.container61 {
  flex-shrink: 0;
  width: 88.61px;
  height: 20.25px;
  position: relative;
}
.text41 {
  color: #475569;
  text-align: left;
  font-family: "PlusJakartaSans-Medium", sans-serif;
  font-size: 13.5px;
  line-height: 20.25px;
  font-weight: 500;
  position: absolute;
  left: 0px;
  top: -1px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.container62 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.container63 {
  flex-shrink: 0;
  width: 82.67px;
  height: 20.25px;
  position: relative;
}
.link3 {
  border-radius: 9999px;
  padding: 10px 16px 10px 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.container64 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.container65 {
  flex-shrink: 0;
  width: 119.03px;
  height: 40.5px;
  position: relative;
}
.text42 {
  color: #475569;
  text-align: left;
  font-family: "PlusJakartaSans-Medium", sans-serif;
  font-size: 13.5px;
  line-height: 20.25px;
  font-weight: 500;
  position: absolute;
  left: 0px;
  top: -0.88px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.background12 {
  background: #dbeafe;
  border-radius: 9999px;
  padding: 2px 8px 2px 8px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.container66 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.container67 {
  flex-shrink: 0;
  width: 33.28px;
  height: 20.25px;
  position: relative;
}
.bottom-admin-profile-widget-margin {
  padding: 12px 0px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.bottom-admin-profile-widget {
  border-style: solid;
  border-color: #f1f5f9;
  border-width: 1px 0px 0px 0px;
  padding: 12px 0px 0px 0px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.container68 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.background-shadow6 {
  background: linear-gradient(
    45deg,
    rgba(37, 99, 235, 1) 0%,
    rgba(96, 165, 250, 1) 100%
  );
  border-radius: 9999px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  position: relative;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
.container69 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.background13 {
  background: #10b981;
  border-radius: 9999px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-end;
  justify-content: flex-end;
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.overlay-shadow4 {
  background: rgba(255, 255, 255, 0);
  border-radius: 9999px;
  flex-shrink: 0;
  width: 10px;
  height: 10px;
  position: relative;
  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1);
}
.container70 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.container71 {
  align-self: stretch;
  flex-shrink: 0;
  height: 19.5px;
  position: relative;
  overflow: hidden;
}
.text43 {
  color: #1e293b;
  text-align: left;
  font-family: "PlusJakartaSans-SemiBold", sans-serif;
  font-size: 13px;
  line-height: 19.5px;
  font-weight: 600;
  position: absolute;
  left: 0px;
  top: -1px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.container72 {
  align-self: stretch;
  flex-shrink: 0;
  height: 16.5px;
  position: relative;
  overflow: hidden;
}
.button12 {
  border-radius: 9999px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  position: relative;
}
.container73 {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}