.sb-sidebar {
  position: fixed;
  top: 0;
  left: 0;

  width: 235px;
  height: 100vh;

  margin: 0;
  padding: 0;

  background: #1f2937;
  color: #fff;

  box-sizing: border-box;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  z-index: 1000;
}

/* 로고 */
.sb-sidebar .sb-logo {
  padding: 16px;
  font-size: 24px;
  font-weight: 800;
}

.sb-sidebar .sb-logo a {
  font-size: inherit;
  font-weight: inherit;
  color: #fff;
  letter-spacing: 0.4px;
}

/* 메뉴 영역 */
.sb-sidebar .sb-menu {
  flex: 1;
  margin: 0;
  padding: 0;
}

/* 메뉴 그룹 */
.sb-sidebar .sb-menu-group {
  width: 100%;
  margin: 0;
  padding: 12px 16px;

  font-size: 14px;
  font-weight: 600;
  color: #9ca3af;

  box-sizing: border-box;
  background: #374151;
}

/* 메뉴 링크 */
.sb-sidebar a {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 40px;
  margin: 0;
  padding: 8px 10px;

  font-size: 14px;
  font-weight: 400;        /* 글자 굵기 통일 */
  line-height: 1.4;        /* 줄 간격 통일 */
  font-family: "NanumSquareRound", Arial, sans-serif; /* 폰트 통일 */

  color: #e5e7eb;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

  box-sizing: border-box;
}

/* hover */
.sb-sidebar .sb-menu a:hover {
  background: #4b5563;
}

/* active */
.sb-sidebar a.active {
  background: #2563eb;
  color: #fff;
  font-weight: 700;
  border-left: 4px solid #93c5fd;
  padding-left: 6px;
}

/* 하단 영역 */
.sb-sidebar .sb-bottom {
  padding: 16px;
}

/* 로그아웃 버튼 */
.sb-sidebar .sb-bottom button {
  width: 100%;

  border: none;
  border-radius: 0;

  background: #ef4444;
  color: #fff;

  cursor: pointer;
}

.sb-sidebar .sb-bottom button:hover {
  background: #dc2626;
}