body {
   background-color: #f9fafb;
}
.navbar {
   background: #fff;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
   border-bottom: 1px solid #ececec;
}
.navbar-brand {
   font-weight: bold;
   color: #3c1e1e !important;
   font-size: 1.5rem;
   letter-spacing: -1px;
}
.navbar-nav .nav-link {
   color: #222 !important;
   font-weight: 500;
   margin-right: 10px;
   transition: color 0.2s;
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
   color: red !important;
   background: none;
}
/* 배우 평점 레이더 차트 스타일 */
.actor-rating-chart {
   background: #fff;
   border-radius: 10px;
   padding: 20px;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
   margin-bottom: 20px;
}

.radar-chart-container {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 15px;
}

.radar-chart {
   max-width: 100%;
   height: auto;
}

.radar-chart svg {
   overflow: visible;
}

.chart-label {
   font-family: 'Noto Sans KR', sans-serif;
   font-size: 13px;
   font-weight: 600;
   fill: #333;
   text-anchor: middle;
}

.chart-score {
   font-family: 'Noto Sans KR', sans-serif;
   font-size: 11px;
   font-weight: 500;
   fill: #007bff;
   text-anchor: middle;
}

.overall-rating .badge {
   background: linear-gradient(45deg, #007bff, #0056b3);
   border: none;
   font-weight: 600;
   letter-spacing: 0.5px;
}

/* 평점 없음 상태 스타일 */
.no-rating-container {
   padding: 2rem;
   min-height: 300px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   background: #f8f9fa;
   border-radius: 10px;
   border: 2px dashed #e9ecef;
}

.no-rating-icon {
   opacity: 0.6;
}

.no-rating-container h6 {
   font-weight: 600;
   margin-bottom: 0.5rem;
}

.no-rating-container .small {
   font-size: 0.9rem;
   line-height: 1.4;
}

.no-rating-container .badge {
   background: #6c757d;
   font-size: 0.9rem;
   padding: 0.5rem 1rem;
}

/* 반응형 디자인 */
@media (max-width: 768px) {
   .radar-chart svg {
      width: 280px;
      height: 280px;
   }

   .chart-label {
      font-size: 12px;
   }

   .chart-score {
      font-size: 10px;
   }
}

@media (max-width: 480px) {
   .radar-chart svg {
      width: 240px;
      height: 240px;
   }

   .chart-label {
      font-size: 11px;
   }

   .chart-score {
      font-size: 9px;
   }
}