body { 
    font-family: 'Noto Sans KR', sans-serif; 
}

.drag-active { 
    border-color: #4f46e5 !important; 
    background-color: #eef2ff !important; 
    transform: scale(1.01); 
}

.dark .drag-active { 
    border-color: #6366f1 !important; 
    background-color: #312e81 !important; 
}

::-webkit-scrollbar { 
    width: 8px; 
    height: 8px; 
}
::-webkit-scrollbar-track { 
    background: #f1f1f1; 
}
::-webkit-scrollbar-thumb { 
    background: #c7c7c7; 
    border-radius: 4px; 
}
::-webkit-scrollbar-thumb:hover { 
    background: #a0a0a0; 
}

.dark ::-webkit-scrollbar-track { 
    background: #0a0a0a; 
}
.dark ::-webkit-scrollbar-thumb { 
    background: #404040; 
}
.dark ::-webkit-scrollbar-thumb:hover { 
    background: #525252; 
}

.tab-active { 
    border-bottom: 2px solid #4f46e5; 
    color: #4f46e5; 
    font-weight: 700; 
    background-color: rgba(79, 70, 229, 0.05);
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
}
.tab-inactive { 
    border-bottom: 2px solid transparent; 
    color: #6b7280; 
}
.tab-inactive:hover { 
    color: #374151; 
    border-bottom: 2px solid #e5e7eb; 
    background-color: rgba(243, 244, 246, 0.5);
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
}

.scrollbar-hide::-webkit-scrollbar { 
    display: none; 
}
.scrollbar-hide { 
    -ms-overflow-style: none; 
    scrollbar-width: none; 
}

.auto-resize-textarea {
    overflow: hidden;
    resize: none;
    min-height: 38px;
}

.bg-checkered {
    background-image: 
        linear-gradient(45deg, #e5e7eb 25%, transparent 25%),
        linear-gradient(-45deg, #e5e7eb 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, #e5e7eb 75%),
        linear-gradient(-45deg, transparent 75%, #e5e7eb 75%);
    background-size: 20px 20px;
    background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
}

.dark .bg-checkered {
    background-image: 
        linear-gradient(45deg, #262626 25%, transparent 25%),
        linear-gradient(-45deg, #262626 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, #262626 75%),
        linear-gradient(-45deg, transparent 75%, #262626 75%);
}

.dark .tab-active {
    color: #818cf8 !important; 
    border-bottom-color: #818cf8 !important;
    background-color: rgba(129, 140, 248, 0.1);
}
.dark .tab-inactive {
    color: #a3a3a3 !important; 
}
.dark .tab-inactive:hover {
    color: #e5e5e5 !important; 
    border-bottom-color: #262626 !important;
    background-color: rgba(255, 255, 255, 0.05);
}

.admin-only-ui { 
    display: flex; 
}
.admin-only-tab { 
    display: inline-block; 
}
.admin-only { 
    display: none !important; 
}