/* --- [1. 기본 설정 및 폰트] --- */
body { background-color: #f8fafc; font-family: 'Pretendard', sans-serif; font-size:13px}
a { text-decoration: none !important; }

/* --- [2. 사이드바 스타일] --- */
#ms-sidebar {
    width: 250px;
    height: 100vh;
    position: fixed;
    top: 0; left: 0;
    z-index: 1000;
    background: linear-gradient(180deg, #312e81 0%, #0f172a 100%);
    transition: all 0.3s;
}
table td{ font-size:13px}
#ms-content {
    margin-left: 250px; /* 사이드바 너비만큼 고정 여백 */
    width: calc(100% - 250px);
    min-height: 100vh;
}

/* 사이드바 내부 메뉴 */
.nav-link { color: rgba(255, 255, 255, 0.7); padding: 0.8rem 1.5rem; border-radius: 0.5rem; margin: 0.2rem 1rem; }
.nav-link:hover, .nav-link.active { background: rgba(255, 255, 255, 0.1); color: #fff; }
.nav-link.active { background: #4f46e5; box-shadow: 0 4px 12px rgba(79, 70, 229, 0.4); }
.nav-label { padding: 1.5rem 1.5rem 0.5rem; font-size: 0.75rem; color: #818cf8; font-weight: 700; text-transform: uppercase; }

/* --- [3. 수익 카드 커스텀 (부트스트랩 카드 확장)] --- */
.card-profit { border: none; border-radius: 1rem; color: #fff; padding: 1.5rem; min-height: 200px; }
.card-emerald { background: linear-gradient(135deg, #10b981 0%, #059669 100%); }
.card-indigo { background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%); }
.btn_def { display:inline-block; width: fit-content; padding:8px 15px; border:1px solid #0d6efd; border-radius:5px; color:#FFFFFF; background:#0d6efd}
.subcreatebtn{display:inline-block; width: fit-content; padding:9px 15px; border:1px solid #0d6efd; border-radius:5px; color:#FFFFFF; background:#0d6efd}
.custom-bg-red td {
    background-color: #ffebee !important;
    --bs-table-bg: #ffebee; 
}

/* --- [반응형] --- */
@media (max-width: 992px) {
    #ms-sidebar { margin-left: -250px; }
    #ms-content { margin-left: 0; width: 100%; }
    #ms-sidebar.active { margin-left: 0; }
}