/* 탭 공통 스타일 */

.tabs {
    display: flex;
    background: white;
    border-bottom: 1px solid var(--gray-200);
}

.tab {
    flex: 1;
    padding: 16px;
    border: none;
    background: none;
    font-size: 15px;
    font-weight: 500;
    color: var(--gray-600);
    cursor: pointer;
    transition: all 0.2s;
    border-bottom: 2px solid transparent;
}

.tab.active {
    color: var(--primary);
    border-bottom-color: var(--primary);
}

.tab:hover {
    background-color: var(--gray-50);
}